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

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

---

Медиа

• Подкаст «Веб-стандарты», Выпуск №88 – Лицензии и DRM, чудеса SVG и border-image, оптимизация графики, Шорты и JS-типизация, доступные диалоги.
• Подкаст «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.