Web Skills, визуальный обзор навыков для изучающих фронтенд со ссылками на избранные материалы: от основ HTML/CSS/JavaScript до баз данных, UX-дизайна и работы в команде → https://andreasbm.github.io/web-skills/
ThumbHash, новый инструмент для генерации легковесных превью изображений: в сравнении с BlurHash даёт более натуральные и компактные результаты → https://evanw.github.io/thumbhash/
Логические CSS-свойства в продакшене: Николас Хоффман из Proton делится практическим опытом внедрения логических свойств для реализации RTL-версии интерфейса → https://www.smashingmagazine.com/2022/12/deploying-css-logical-properties-on-web-apps/
Современное руководство по упаковке и публикации JavaScript-библиотек: чеклист с лучшими практиками и неочевидными настройками, которые улучшают совместимость, перформанс и DX → https://github.com/frehner/modern-guide-to-packaging-js-library
Пишем Chrome-расширение, ворующее всё: наглядная демонстрация полномочий, доступных браузерным расширениям, от кейлоггинга до снятия скриншотов посещаемых сайтов → https://mattfrisbie.substack.com/p/spy-chrome-extension
Make Bookmarklets, онлайн-редактор для удобной разработки букмарклетов → https://make-bookmarklets.com
Имена людей вокруг света: как имена в других странах могут отличаться от привычного нам формата ФИО и как проектировать формы и API с учётом этих отличий → https://www.w3.org/International/questions/qa-personal-names
PWA Builder, сервис для упаковки прогрессивных веб-приложений в пакеты, готовые для публикации в сторах Android, iOS, Windows и Meta → https://www.pwabuilder.com
Пробуем тест-раннер Node.js: Глеб Бахмутов подробно разбирает возможности нативного тест-раннера, который стал стабильным в Node.js v20 → https://glebbahmutov.com/blog/trying-node-test-runner/
Сбалансированные заголовки на чистом CSS: введение в новое свойство text-wrap, позволяющее оптимально расставить переносы строк во избежание висячих слов → https://developer.chrome.com/blog/css-text-wrap-balance/
Современная вёрстка email-писем (без таблиц!): обзор текущего состояния email-клиентов, их возможностей и новых подходов к вёрстке писем → https://fullystacked.net/posts/modern-html-email/
Проблемы разработки изоморфных JS-библиотек: инженеры платформенной команды DoorDash делятся опытом разработки библиотек, работающих в Node.js и браузере → https://doordash.engineering/2022/12/06/five-challenges-to-building-an-isomorphic-javascript-library/
Что нового в ES2023: обзор вошедших в свежий стандарт языка новинок вроде иммутабельных методов изменения и сортировки массивов → https://pawelgrzybek.com/whats-new-in-ecmascript-2023/
Введение в CSS-маски: Ахмад Шадид объясняет основы использования масок в CSS и делится практическими примерами их применения → https://ishadeed.com/article/css-masking/
CSS-медиафичи для улучшения доступности: Татьяна Фокина с обзором пользовательских настроек вроде отключения анимаций, которые стоит учитывать в вёрстке → https://tatiana-fokina-blog.ru/posts/css-media-features-for-a11y/
Ackee, self-hosted инструмент для сбора и просмотра веб-аналитики с фокусом на приватности → https://ackee.electerious.com
Улучшаем UX кнопки «Назад»: Виталий Фридман делится практическими советами по реализации предсказуемого поведения как для браузерной кнопки «назад», так и для кастомных кнопок → https://www.smashingmagazine.com/2022/08/back-button-ux-design/
Lightning CSS, очень быстрый парсер, транспилятор, бандлер и минификатор CSS от создателя Parcel: поддерживает CSS-модули, добавляет вендорные префиксы на основе browserslist, интегрируется с webpack → https://lightningcss.dev/
Перевёрстка блока новостей Vox news на современном CSS: эксперимент Ахмада Шадида по применению гридов, медиавыражений от контейнера и других современных возможностей CSS → https://ishadeed.com/article/rebuild-featured-news-modern-css/
Правда о производительности CSS-селекторов: инженеры Microsoft Edge рассказывают, могут ли CSS-селекторы быть медленными и как отлаживать скорость их работы → https://blogs.windows.com/msedgedev/2023/01/17/the-truth-about-css-selector-performance