Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа | Веб-разработка | CSS | Javascript | Браузеры | Занимательное
Медиа
• 
Подкаст «Frontend Weekend» #21 – Зар Захаров о «закрытии» Альфа-Лаборатории и уходе из LoftBlog
• 
Подкаст «Пятиминутка React» #37 — Prettier
• 
Подкаст «Фронтенд Юность (18+)» #20: Старт курса лекций по WebAssembly
• 
Подкаст «Drinkcast», Выпуск #10: «Похмельный, про сообщество и подкаст»
• 
«ALL YOUR HTML» #16: «Анимации по скроллу с сайта iPhoneX»
• 
HTML Шорты: Сахарный JavaScript, 
текстовая версия
• 
Я.Субботник 2017
Веб-разработка
• 
Зачем нужны заголовки
• 
Пора убить веб
• Дискуссия по выбору WordPress JS-фреймворка продолжается с привлечением лидеров open source сообщества
• 8 подкастов о Frontend
• 
Веб — это мой API
• 
Принципы работы с отзывчивыми изображениями
• 
Вопросы для собеседования на позицию фронт-енд разработчика, а также ответы на них
- AMP/PWA:
•
Проект Google AMP и его влияние на SEO
•
Google увеличил долю AMP-контента в мобильной выдаче
•
Прогрессивные веб-приложения? Нет, мы делаем веб-приложения для чужих
- Производительность:
•
Как быстрее DOM построить: парсинг, async, defer и preload
•
О том, как HTTP/2 помогает решить проблемы производительности HTTP/1.1
•
Essential Image Optimization: новая бесплатная электронная книга о лучших техниках оптимизации изображений от Addy Osmani
- Accessibility:
•
It's a (focus) Trap. О фокусе в модальных окнах с точки зрения доступности
• Пишем CSS, не забывая о доступности
•
Доступность в trivago
•
VoiceOver и list-style-type: none
•
Разработка доступных сайтов в контексте веб-ресурсов Вашингтонского университета
•
Как создать доступную кнопку-включатель — свежий выпуск шоу A11ycasts #25
- Анимация:
• Еженедельная подборка красивых эффектов на CSS/SVG/JS #55
•
Использование SVG clip-path для изменения цвета логотипа при скролле страницы
•
Изучение методов анимации и взаимодействия с WebGL (в примерах)
•
Креативные эффекты перехода между слайдами с помощью CSS Masks
•
Fuzzy Plus — клевое демо с анимацией структуры волос
CSS
• 
5 вещей, о которых хотели бы знать CSS разработчики, когда начинали
• 
Интерактивное введение в CSS Grid Layout от Mozilla
• 
Подводные камни и некоторые хитрости CSS Grid от Rachel Andrew
• 
Имплементация раскрывающихся блоков на чистом CSS
- Шрифты:
•
CSS font-display: будущее рендера шрифтов в вебе
•
Стратегия загрузки шрифтов на eBay’s — localStorage, FontFaceSet APIs и Font Face Observer
•
«Что вы должны знать о вариативных шрифтах». Интервью с Tim Brown и Bram Stein из Adobe Typekit
•
Пятиминутное руководство для улучшения знаний о типографике
JavaScript
• 
V8 под капотом
• 
Краткая история модульности в JS
• 
Фреймворки тестирования Javascript: лучшее для тестирования JS кода
• 
Правда веба: JavaScript'у нельзя верить
• 
Рассвет и закат Ext JS
• 
Сравнительное исследование прогрессивных JS фреймворков: Angular.js & Vue.js
• 
8 советов по улучшению производительности для JavaScript
- ES2015+:
•
Развертывание кода ES2015+ в продакшн сегодня
•
ES6 для новичков
•
Изучи промисы создавая промис с нуля
•
ES6 промисы: паттерны и анти-паттерны
VueJS:
• Пять плагинов Vuex, Которые вы можете добавить в свой следующий проект
• Используем axios вместе с Vue.js
•
Условное применеие CSS классов в Vue.js
•
vue-a11y-calendar — доступный переводимый календарь для VueJS
React:
•
Вышел React v16.0
• Что вам нужно знать о React 16
•
React Router v4: полное руководство
•
Начинаем работать с Redux
•
Использование Preact как альтернативу React
- Libs & Plugins:
•
Lozad.js — производительная ленивая загрузка для изображений
•
SQIP — плейсхолдеры для изображений, основанные на SVG
•
draggable — современная библиотека для Drag & Drop с интерактивными примерами и эффективным оформлением
•
Micromodal.js — легковесная и настраиваемая библиотека для доступных модальных окон с на чистом JavaScript
•
strudel.js — легковесный компонентный фреймворк
Браузеры
• 
Релиз Firefox 56, некоторые детали для разработчиков от Марата Таналина
• 
Бета-выпуск Firefox 57 с многопоточным CSS-движком и новым оформлением
• 
Обновление Developer Edition Devtools: теперь с Photon UI
• 
Screenshots, Send Tabs и другие продвинутые функции в новом Firefox
• Снимки экрана и конвертер валют: выпущена Opera 48
• Opera 49 станет первым браузером с поддержкой шлемов виртуальной реальности
Занимательное
• Stack Overflow и Microsoft разработали бота-помощника для Visual Studio Code
• Twitter впервые вдвое увеличивает лимит на длину сообщений – до 280 символов
• Facebook и Microsoft запустили в эксплуатацию мощнейший трансатлантический интернет-кабель Marea
• Компания Microsoft вошла в число ключевых спонсоров OSI (Open Source Initiative)
• Nvidia: закон Мура потерял актуальность, а GPU станут заменой CPU
• Почему людям больше не нравится Кремниевая долина
• Как Apple, Facebook и Google создают новое телевидение
• Как блокчейн технология изменит WordPress
• Невероятная история происхождения Google Analytics
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Автор: alexzfort
