Предлагаем вашему вниманию последнюю в этом году подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа | Веб-разработка | 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.
Автор: alexzfort
