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