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

История одной анимации. Расшифровка доклада Юрия Артюха про то, как математика и шейдеры помогли ему реализовать эффект «паутинки за запотевшим стеклом» — https://habr.com/p/450832/

00:00:22 Eric Meyer
00:37:30 Max Böck

Episode #194: Eric Meyer and Max Böck on CSS 13 years later, The definitive guide, modern CSS, slow pace of Web
standards, reinventing CSS, CSS mindset, the burden of cascade, CSS preprocessors. Links on Medium https://medium.com/p/1b738288c6ba or on YouTube https://youtu.be/qxwe-ixsTuI

Полное руководство по отзывчивым изображениям Элада Шехтера в переводе: ретина, форматы, элемент <picture> и image-set — https://medium.com/p/998f103a7a32

Google Fonts анонсировал поддержку вариативных шрифтов. Тестовые файлы стилей уже отдаются для 12 доступных вариативных семейств, включая Roboto и Fira Code — https://codepen.io/nlwilliams/full/JjPJewp

Сжимайте изображения в пулл-реквестах автоматически. Новый GitHub Action от Calibre не даст тяжёлым растровым изображениям попасть в продакшен — https://calibreapp.com/blog/compress-images-in-prs/

Анимируем оттенки по цветовому колесу при помощи Houdini. Дэниэл Уилсон об особенностях цветовой модели HSL и о том, как Houdini Properties and Values API решает проблему анимации цвета — https://danielcwilson.com/blog/2019/09/huedini/

Заходят два браузера в скроллбар. Зак Лезерман показывает, как из навязчивого скроллбара сделать ненавязчивый, который не ломает дизайн сайта — https://www.filamentgroup.com/lab/scrollbars/

Проблемы со скруглёнными кнопками. Тайлер Стика жалуется на особенности border-radius и предлагает решение — https://cloudfour.com/thinks/jagged-little-pill-issues-with-rounded-buttons/

Современная загрузка скриптов. Джейсон Миллер предлагает 4 подхода, как загружать на клиенте бандлы с современным синтаксисом JavaScript и не ломать при этом поддержку старых браузеров — https://jasonformat.com/modern-script-loading/

WebGPU и WSL. В Safari TP 91 появились WebGPU API — альтернатива WebGL с более высокой производительностью обработки 3D-графики и WSL — язык шейдеров для WebGPU. Подробности в официальном блоге — https://webkit.org/blog/9528/webgpu-and-wsl-in-safari/

Открылась бесплатная регистрация на конференцию Web Standards Days, которая пройдёт 19 октября в Екатеринбурге. Первые доклады в программе уже на следующей неделе и мы продолжаем принимать заявки — https://wsd.events/2019/10/19/

00:01:17 Мета
00:04:09 События
00:10:08 Новинки Chrome 77
00:15:56 Can I use + MDN
00:24:48 Can I email?..
00:30:28 Митап по доступности

Выпуск №193: Новинки Chrome 77, Can I use + MDN, Can I email, митап по доступности. В гостях Света Шарипова и Татьяна Фокина. Ссылки на Медиуме https://medium.com/p/8987dc52cb1 или на Ютубе https://youtu.be/YxEmRdjTf8E

CSS-и-JS. Адам Аргайл пытается имитировать работу каскада и селекторов из CSS на функциональном JS. И по ходу дела разбиратся в одном и другом. Плейлист с тремя видеоуроками, продолжение следует — https://www.youtube.com/playlist?list=PLpT5nMxKrUl9EWrkCbRDqn-H4E-l1di47

Использование JS-модулей в продакшене уже сегодня. Филип Уолтон про использовании нативных модулей и с работающим решением на Rollup в переводе на Хабре:

Часть 1 — https://habr.com/p/466537/
Часть 2 — https://habr.com/p/466539/

Первое знакомство с ReasonML. Никита Кирсанов пишет классическую игру «Жизнь» и рассказывает об особенностях языка — https://nikitakirsanov.com/blog/first-hands-on-experience-with-reasonml/

Разработка надёжной стратегии загрузки шрифтов для CSS-Tricks. Зак Лезерман пошагово ускоряет загрузку шрифтов и показывает плюсы от загрузки в два этапа — https://www.zachleat.com/web/css-tricks-web-fonts/