Веб-стандарты. Страница 51

Забудьте про RGB и HEX. Алекс Козак объясняет, почему для разработки удобнее использовать формат HSL и какое у цветовых форматов будущее — https://habr.com/p/496768/

Веб-анимации в Safari 13.1. Антуан Квинт рассказывает про Web Animations API, его взаимодействии с анимациями и переходами в CSS и об инструментах отладки анимаций в Safari — https://webkit.org/blog/10266/web-animations-in-safari-13-1/

Отложенные Push-уведомления. Нико Мартин показывает, как в сервис-воркере добавить отложенную нотификацию и обработать нажатие на всплывающее уведомление — https://css-tricks.com/creating-scheduled-push-notifications/

Улучшенное оформление тёмных тем по умолчанию. Томас Штайнер показывает, как соединить CSS-свойство color-scheme, <meta name="color-scheme"> и пользовательские настройки для улучшения оформления по умолчанию — https://web.dev/color-scheme/

Создание шкалы на React. Амелия Уоттенбергер создаёт компонент шкалы для измерений, соединяя SVG и React, с интерактивным объяснением каждого шага — https://wattenberger.com/blog/gauge

PostCSS 8.0 на подходе. Андрей Ситник анонсирует изменения в мажорном обновлении постпроцессора — https://evilmartians.com/chronicles/postcss-8-is-coming-here-is-what-it-brings

Техники работы с картинками в вебе. Ахмад Шадид делится приёмами работы с фоновыми, контентными и декоративными изображениями на страницах — https://ishadeed.com/article/image-techniques/

00:00:24 Подкасты
00:06:08 События
00:07:42 Новинки браузеров
00:22:00 Формат изображений AVIF
00:30:52 Релиз WebStorm 2020.1
00:40:28 Планы на PostCSS 8.0
00:48:48 CSS-нудизм и дефолты
00:57:25 Тёмные темы

Выпуск №225: The F-Word, новинки браузеров, AVIF, WebStorm 2020.1, PostCSS 8.0, CSS-нудизм и тёмные темы. Слушайте на Ютубе https://youtu.be/sRkIGSGRz6A, читайте во ВКонтакте https://vk.com/@webstandards_ru-225

Оптимизация шрифтов на своём сайте. Грег Айвз делится опытом изменения стратегии загрузки шрифтов и ускорения отрисовки первого экрана сайта на 3 секунды — https://gregives.co.uk/blog/optimising-the-fonts-on-my-website/

Уменьшение размера бандла за счёт имён CSS-классов. Денис Хрипков настраивает Webpack преобразовывать имена классов в однобуквенные с хэшем имени файла для лучшего сжатия в gzip и brotli — https://dev.to/denisx/reduce-bundle-size-via-one-letter-css-classname-hash-strategy-10g6

BFCache, или Туда и обратно. Расшифровка доклада Виктора Хомякова про то, как при нажатии пользователем кнопки «Назад» в браузере отдавать ему страницу максимально быстро и без потерь — https://habr.com/p/496360/

Делая вещи лучше. Рэйчел Эндрю размышляет о том, как развивается задача поместить контент в ограниченное пространство и почему новые спецификации не дают универсального решения — https://rachelandrew.co.uk/archives/2020/04/07/making-things-better/

Создание тёмной темы для StackOverflow. Аарон Шеки рассказывает, как крупный ресурс с существующей дизайн-системой адаптировать под переключение темы — https://stackoverflow.blog/2020/03/31/building-dark-mode-on-stack-overflow/

Новинки Firefox 75 в обзоре Марата Таналина: функции min(), max() и clamp() в CSS, атрибут loading="lazy" у картинок, публичные статические свойства классов в JS, событие отправки формы SubmitEvent и другие — https://tanalin.com/blog/2020/04/firefox-75/

Настраиваем Windows для веб-разработки. Зелл Лью устанавливает подсистему Linux в Windows и добавляет всё самое необходимое для работы — https://zellwk.com/blog/windows-wsl/

Новинки Chrome 81 в обзоре Пита Лепажа: обновлённое расписание релизов Chrome, Web XR Hit Test API, наклейки на иконках приложений, Web NFC и другие. Подробнее в статье https://developers.google.com/web/updates/2020/04/nic81
или видео https://youtu.be/ihjL0mcnlQs

FOUDT: Flash of Unstyled Dark Theme. Даниэль Стокс разбирается с проблемой «вспышки» при загрузке тёмной темы сайта и предлагает пути решения — https://webcloud.se/blog/2020-04-06-flash-of-unstyled-dark-theme/