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

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

---

Медиа

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

Веб-разработка

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

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

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

CSS

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

JavaScript

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

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

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

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

Занимательное

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


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

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