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

Стратегии переезда на TypeScript. Аксель Раушмайер делится подходами, которые позволяют постепенно перевезти кодовую базу на TypeScript — https://2ality.com/2020/04/migrating-to-typescript.html

Серия статей Игоря Антонова про колбэки в JavaScript в блоге HTML Academy:

1. Введение в колбэки https://htmlacademy.ru/blog/boost/frontend/callback-functions?utm_source=tg_web_standards&utm_medium=special&utm_campaign=callback_functions_30042020

2. Работа с сервером https://htmlacademy.ru/blog/boost/frontend/callback-functions-server?utm_source=tg_web_standards&utm_medium=special&utm_campaign=callback_functions_server_30042020

Ограничиваем палитру для <input type="color">. Кристиан Хайльманн собирает палитру из цветов любого изображения и настраивает <input> для выбора цвета на её использование — https://christianheilmann.com/2020/04/22/limiting-input-type-color-to-a-certain-palette-from-an-image/

Мониторинг производительности CSS-анимаций. Вирендер Сингх показывает, как найти медленные анимации и значительно их ускорить — https://medium.com/p/f11a21d0054f

Управление выделением текста при помощи CSS. Уилл Бойд показывает, какие возможности CSS помогают сделать выделение текста удобнее — https://codersblock.com/blog/using-css-to-control-text-selection/

Атомарный CSS-in-JS. Себастьян Лорбер рассказывает, как утилитарные классы и атомарный CSS подружить с React-экосистемой и какие плюсы это может дать — https://sebastienlorber.com/atomic-css-in-js

Ускоряемся с помощью Browserslist. Даниил Оношко тестирует разные способы сборки JS-кода в отдельные бандлы для разных браузеров. Первая статья на новом сайте «Веб-стандартов» — https://web-standards.ru/articles/speed-up-with-browserslist/

00:00:50 События
00:05:23 Возвращение cssunderhood
00:07:09 Сайт «Веб-стандартов»
00:10:01 Бета Chrome 83
00:17:18 Цветовые функции в CSS
00:21:16 Типизированный CSS
00:24:49 Кастомные свойства и гриды
00:47:43 Бротли, Зопфли и Гуцли
00:57:44 Цена JS-фреймворков

Выпуск №227: Сайт Веб-стандартов, cssunderhood, Chrome, цвета, кастомные свойства, Brotli, цена фреймворков. Слушайте на Ютубе https://youtu.be/JLAFTBUairY, читайте на Медиуме https://medium.com/p/340ab079749d

Айфреймы и общение между приложениями. Дэмиен Коссет показывает, как настроить пересылку событий между двумя React-приложениями при помощи айфреймов — https://dev.to/damcosset/iframes-and-communicating-between-applications-31k5

Тёмный режим и вариативные шрифты. Робин Рендл показывает, почему для тёмных тем нужно использовать более лёгкие начертания символов и как в этом помогают вариативные шрифты — https://css-tricks.com/dark-mode-and-variable-fonts/

Веб-компоненты в реальном проекте. Артур Исламов рассказывает об опыте внедрения кастомных элементов в проект, какие у такого подхода плюсы и можно ли заменить фреймворки на веб-компоненты — https://habr.com/p/498560/

Рефактори, как будто никто не видит. Никита Кирсанов показывает, как применяя codemods и знания AST автоматизированно рефакторить код — https://nikitakirsanov.com/ru/blog/refactor-as-no-one-is-watching/

Прямая трансляция конференции Я.Субботник с докладами про миграции, TypeScript, автоматизацию тестирования и загрузку стилей. Начало в 12:00 (GMT+3) — https://youtu.be/sk5BIHvtCt8, программа — https://events.yandex.ru/events/yasubbotnik/25-apr-2020

98.css — дизайн-система Джордана Скейлза для воссоздания интерфейсов в стиле Windows 98 — https://jdan.github.io/98.css/

90 секунд на кастомные свойства в CSS. Мишель Баркер кратко объясняет, как работают кастомные свойства и для чего их можно применять — https://css-irl.info/video-90-seconds-on-css-custom-properties/

Эффективность Brotli в реальном мире. Гарри Робертс проверяет, насколько теоретическая польза от Brotli совпадает с практической, в сравнении с gzip — https://csswizardry.com/2020/04/real-world-effectiveness-of-brotli/

Создание масштабируемой архитектуры CSS на БЭМ и утилитарных классах. Себастьяно Герриеро объединяет два разных подхода и объясняет, когда это может быть полезно — https://css-tricks.com/building-a-scalable-css-architecture-with-bem-and-utility-classes/