Дайджест свежих материалов из мира фронтенда за последнюю неделю №295 (25 — 31 декабря 2017)

Предлагаем вашему вниманию последнюю в этом году подборку с ссылками на новые материалы из области фронтенда и около него.

lwmji-3zcpwmhjkutoiffx7jk1i.png


    Медиа    |    Веб-разработка    |    CSS    |    Javascript    |    Занимательное

1e465593b1b347eea23b1ab81b6e0a04.pngМедиа


podcast Подкаст «Веб-стандарты», Выпуск №101: Как отмечать НГ, что читать и смотреть в следующем году, последние Звёздные войны и вся сага, Дж. Р.Р. Толкин и фантастика, зачем заливать оливье водой и… песня!
podcast Подкаст «RadioJS»: RadioJS #50 — С юбилеем и новым годом!
podcast Подкаст «devschacht»: Выпуск №10 — Новогодний. История Девшахты и планы развития
podcast Подкаст «Фронтенд Юность (18+)» #32 Новогодний выпуск. Как свалить в Швейцарию
podcast Подкаст «Drinkcast», #23 — «Afterparty»
video «ALL YOUR HTML» #29: «Жидкие частицы, SVG + Canvas»
videoВидеозаписи митапов Odessa Frontend
videoСпросите у Яндекса про интерфейсы — запись трансляции

888d64fa796b4b6e82e98edc17dc85ae.pngВеб-разработка


habrФронтенд-2017: о самом важном
enИнструменты фронтенда: мои избранные находки из 2017-го
enСамые популярные в 2017-м году ссылки
enДорожная карта на 2018-й год для фулстэк веб-разработчика
enКошмарный слайдинг: понимание работы Range Input
enМинимальный набор мета-тегов для шаринга в соцсетях
AMPУвеличить годовую выручку на 97% при помощи нейросетей и Google AMP

  • Производительность:
    habrОптимизация производительности фронтенда. Расшифровка доклада Игоря Алексеенко с Frontend Conf 2017
    enСтраховка производительности. Инструменты для улучшения производительности в обзоре Артема Денисова
    enО фактах, которые многие забывают при замере производительности
    enОтслеживание производительности веб-шрифтов с помощью Font API, Boomerang и UserTiming API


  • Инструменты:
    enПодробности приближающегося релиза Babel 7.0
    enТестирование браузеров — Safari 11 vs Chrome 63 vs Firefox 57 (Quantum)
    entoapi — библиотека для обеспечения API любому сайтц

3a13046f2d4a46c4a60db0906e962adb.pngCSS


• CSS-десант. Sports.ru
enПримеры использования функции Calc ()
enАвтоматичекие изменение размеров колонок в CSS Grid: `auto-fill` vs `auto-fit`
enКак воссоздать структуру страниц Medium с помощью CSS Grid
enПять страхов дизайнеров, преодолеваемых с помощью CSS Grid
en10 докладов и презентаций о будущем CSS
enПереносим анимацию из After Effects на CSS Transitions и Keyframes

1999aed8349b484fb1caa64d98ceb5e3.pngJavaScript


habrService Workers. Инструкция по применению
habrИсчерпывающий справочник по JavaScript для вашего следующего собеседования. Часть 1
enКакие JavaScript фреймворки вам следует выучить в 2018?
enТоп JavaScript трендов, за которыми стоит следить в 2018
enКак делать изменения в DOM
enПишем JS библиотеку, которая будет менее 1TB по размеру. Небольшое руководство для создания экстра-маленьких библиотек
enКак я создал говорящий emoji с помощью обычных emoji и JavaScript

  • VueVueJS:
    en3 причины выбрать Vue вместо React в 2018
    enБазовое введение в отладку приложений на Vue с помощью брейкопинтов
    enСоздание роута с ленивой загрузкой с помощью Vue.js и последних возможностей браузера


  • ReactReact:
    enКак создать блог на React и Gatsby за 10 минут
    en Создание сокращалки ссылок на React, Apollo и GraphQL: часть 1,  часть 2
    enКак обфусцировать имена классов CSS с помощью React и Webpack
    enПонимание исходного кода React — начальный рендеринг


  • AngularAngular:
    enПочему разработчики и компании выбирают Angular
    enСерверный рендеринг Angular 5 с помощью Firebase — пошаговое руководство

d4b289ef0a00e969108c25d0c3d75f58.gifЗанимательное


habrВремя отклика компьютеров: 1977−2017
• Достижения и фейлы техноиндустрии за 2017 год по версии NYT
• Как машинное обучение меняет SEO
• Google: директива Noindex, follow со временем переходит в Noindex, nofollow
• Свобода, ответственность и высокая зарплата: Дмитрий Очеретяный о работе в Netflix
• Использование нейронной сети для восстановления повреждённых изображений


Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.

Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.

© Habrahabr.ru