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

Анимации, управляемые прокруткой: введение в новые нативные API для анимаций и демонстрация их возможностей → developer.chrome.com/article…imations

Правда о производительности CSS-селекторов: инженеры Microsoft Edge рассказывают, могут ли CSS-селекторы быть медленными и как отлаживать скорость их работы → blogs.windows.com/msedged…formance

Перевёрстка блока новостей Vox news на современном CSS: эксперимент Ахмада Шадида по применению гридов, медиавыражений от контейнера и других современных возможностей CSS → ishadeed.com/article…dern-css

Lightning CSS, очень быстрый парсер, транспилятор, бандлер и минификатор CSS от создателя Parcel: поддерживает CSS-модули, добавляет вендорные префиксы на основе browserslist, интегрируется с webpack → https://lightningcss.dev/

Улучшаем UX кнопки «Назад»: Виталий Фридман делится практическими советами по реализации предсказуемого поведения как для браузерной кнопки «назад», так и для кастомных кнопок → www.smashingmagazine.com/2022/08…x-design

Ackee, self-hosted инструмент для сбора и просмотра веб-аналитики с фокусом на приватности → https://ackee.electerious.com

CSS-медиафичи для улучшения доступности: Татьяна Фокина с обзором пользовательских настроек вроде отключения анимаций, которые стоит учитывать в вёрстке → tatiana-fokina-blog.ru/posts/c…for-a11y

Введение в CSS-маски: Ахмад Шадид объясняет основы использования масок в CSS и делится практическими примерами их применения → https://ishadeed.com/article/css-masking/

Что нового в ES2023: обзор вошедших в свежий стандарт языка новинок вроде иммутабельных методов изменения и сортировки массивов → pawelgrzybek.com/whats-n…ipt-2023

Проблемы разработки изоморфных JS-библиотек: инженеры платформенной команды DoorDash делятся опытом разработки библиотек, работающих в Node.js и браузере → doordash.engineering/2022/12…-library

Современная вёрстка email-писем (без таблиц!): обзор текущего состояния email-клиентов, их возможностей и новых подходов к вёрстке писем → fullystacked.net/posts/m…ml-email

Сбалансированные заголовки на чистом CSS: введение в новое свойство text-wrap, позволяющее оптимально расставить переносы строк во избежание висячих слов → developer.chrome.com/blog/cs…-balance

Пробуем тест-раннер Node.js: Глеб Бахмутов подробно разбирает возможности нативного тест-раннера, который стал стабильным в Node.js v20 → glebbahmutov.com/blog/tr…t-runner

PWA Builder, сервис для упаковки прогрессивных веб-приложений в пакеты, готовые для публикации в сторах Android, iOS, Windows и Meta → https://www.pwabuilder.com

Имена людей вокруг света: как имена в других странах могут отличаться от привычного нам формата ФИО и как проектировать формы и API с учётом этих отличий → www.w3.org/Interna…al-names

Make Bookmarklets, онлайн-редактор для удобной разработки букмарклетов → https://make-bookmarklets.com

Пишем Chrome-расширение, ворующее всё: наглядная демонстрация полномочий, доступных браузерным расширениям, от кейлоггинга до снятия скриншотов посещаемых сайтов → mattfrisbie.substack.com/p/spy-c…xtension

Современное руководство по упаковке и публикации JavaScript-библиотек: чеклист с лучшими практиками и неочевидными настройками, которые улучшают совместимость, перформанс и DX → github.com/frehner…-library