For Web — фронтенд, дизайн, программирование

Интерактивная демонстрация механизма работы специфичности в CSS от Мануэля Матузовича → https://www.matuzo.at/blog/2022/specificity/

Большой, маленький и динамический вьюпорты: Брамус Ван Дамм рассказывает о новых единицах измерения вьюпорта в CSS → https://www.bram.us/2021/07/08/the-large-small-and-dynamic-viewports/

Тёмная тема для Cloudflare Dashboard: фронтендеры и дизайнеры Cloudflare делятся опытом реализации тёмной темы → https://blog.cloudflare.com/dark-mode/

Предотвращаем ошибки пользователей и помогаем им, если избежать ошибки не удалось: практические UX-рекомендации → https://uxtools.co/blog/how-designers-can-prevent-user-errors

Инженеры Tines поделились историей обнаружения и устранения проблемы webpack 5, которая вызывала замедление сборки их проекта в 15 раз → https://www.tines.com/blog/understanding-why-our-build-got-15x-slower-with-webpack-5

Splide, легковесная, доступная и расширяемая карусель на TypeScript без зависимостей → https://splidejs.com

Что нового появилось в CSS после CSS3? Краткий обзор наиболее интересных новинок для тех, кто не следил за развитием CSS → https://css-tricks.com/whats-new-since-css3/

Измерение веб-перформанса в Airbnb: как и какие метрики используют фронтендеры Airbnb для анализа быстродействия сервиса → https://medium.com/p/122da8d3ea3f

Попап вместо селекта: Вадим Макеев демонстрирует новые HTML-элементы, которые позволят в ближайшем будущем полноценно стилизовать селекты → https://youtu.be/mG0VFWCTnZI

Как читать W3C-спецификации: практические рекомендации Джея Дэвида Эйсенберга в переводе Максима Усачева → https://css-live.ru/articles/kak-chitat-w3c-specifikacii.html

Псевдокласс :has() — не только «родительский селектор». Илья Стрельцын об особенностях работы и практических применениях нового псевдокласса → https://css-live.ru/css/psevdoklass-has-ne-tolko-roditelskij-selektor.html

Как <div>RIOTS перешли с Yarn на pnpm и сократили время установки зависимостей с четырёх до одной минуты → https://divriots.com/blog/switching-to-pnpm

Время менять шапки: инженеры Циана поделились опытом ускорения поисковой выдачи в мобильной версии сайта → https://habr.com/p/598799/

Разбираемся в JavaScript-промисах: новая бесплатная книга Николаса Закаса обо всех тонкостях работы промисов → https://ebooks.humanwhocodes.com/promises

Новинка Node.js: протокол node: для импортов. Короткая заметка Акселя Раушмайера о том, зачем он нужен и как начать его использовать → https://2ality.com/2021/12/node-protocol-imports.html

Почему стоит хранить зависимости в системе контроля версий: Джек Франклин из команды Chrome DevTools рассказывает об опыте применения и неочевидных преимуществах такого подхода → https://forweb.dev/ru/blog/check-in-your-node-dependencies/

Parcel CSS, новый CSS-парсер, компилятор и минификатор: очень быстрый (написан на Rust), умный (умеет полноценно парсить значения CSS-свойств), умеет компилировать CSS-модули → https://parceljs.org/blog/parcel-css/

CSS в 2022. Брамус Ван Дамм с обзором новых возможностей CSS, которые могут появиться в браузерах в этом году: медиавыражения от контейнера, родительский селектор :has(), слои каскада и многое другое → https://www.bram.us/2021/12/27/css-in-2022

Как бразильское онлайн-СМИ Terra повысило вовлечённость пользователей, реализовав тёмную тему для интерфейса → https://web.dev/terra-dark-mode/

Делаем веб лучше канвас за канвасом: Брайан Карделл наглядно объясняет, как OffscreenCanvas может с минимальными усилиями существенно улучшить UX → https://bkardell.com/blog/OffscreenCanvas.html