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