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

Медиа

•

Подкаст «CSSSR»: Новости 512 — Chrome 77, Django 3.0, ещё о Github Actions, Гантт на CSS Grid и презентация Apple
• podcast

Подкаст «Фронтенд Юность (18+)»: #106 Сеньёр знает цену говнокоду
• podcast

Подкаст «Frontend Weekend» #97: Всеволод Родионов о том, как вместо карьеры мореплавателя построить карьеру разработчика
• podcast

Подкаст «Девшахта/Ночной фронтенд» #94: Павел Малышев защищает и продвигает Svelte

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

•

Аккордеон, faq, спойлер и другие раскрывающиеся виджеты
• habr

Новые типы микроразметки для расширенных интерактивных сниппетов
• Архитектура фронтенда: Средний круг
•

Apple только что запустила веб-компоненты на продакшене, и вы, вероятно, пропустили это

Инструменты
• Кастомная тема в Chrome DevTools
• Что нового в DevTools (Chrome 78)
• Отладка TypeScript в Firefox DevTools
• Webpack Boilerplate — минимальный Webpack 4 бойлерплейт с Sass, ESLint, Hot Module Replacement и оптимизацией development/production
• 5 советов для Firefox DevTools — Storage Inspector
• Chrome 77 — Что нового в DevTools
• «Globalization Tools — The State of the Web». Новое видео на канале google developers с Андреем Ситником в качестве приглашенного гостя

Доступность
• Инклюзивные компоненты: переключатель темы
• Итак, вам предъявляют иск за несоблюдение доступности

Производительность
• Особенности Google PageSpeed: улучшение оценки сайта и его рейтинга в поиске
• Чеклист для аудита веб-производительности
• Веб-производительность: минимизация DOM Reflow/Layout Thrashing
• Почему делаю предзагрузку шрифта, даже если в этом нет потребности

Эффекты
• Как динамически изменять цвета изображений продуктов с помощью CSS Blend Mode и SVG
• Конфигуратор для создания пользовательских эффектов искажения на WebGL
• Подборка креативных сайтов «Inspirational Websites Roundup» #8
• Как создать Webcam Audio Visualizer с помощью Three.js

CSS

•

Всё, что вам нужно знать про CSS Margin
• habr

Инструмент для сравнения CSS фреймворков
•

Обрезка и визуальная потеря данных в CSS
•

Понимание специфичности в CSS
•

Использование PostCSS для автоматизации вашего рабочего процесса
•

Различные методы расширения прямоугольника c сохранением border-radius
•

Мой любимый CSS хак
•

CSS Variables for IE11: Настоящий polyfill для пользовательских свойств в IE11
•

Что делают CSS-разработчики и зачем они нужны?

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

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

Дайджест свежих материалов из мира фронтенда за последнюю неделю №379 (2 — 8 сентября 2019)