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

Лучшие практики встраивания стороннего содержимого: практические рекомендации для улучшения UX → https://web.dev/embed-best-practices/

typescript-todo-or-die-plugin, плагин для проверки актуальности TODO- и FIXME-комментариев в коде с помощью TypeScript → https://github.com/ngnijland/typescript-todo-or-die-plugin

Вышел Parcel v2, сборщик веб-приложений с фокусом на минимум конфигурации при максимуме пользы.

Анонс с подробным списком улучшений и новинок → https://parceljs.org/blog/v2

Новый сайт и документация → https://parceljs.org

Дока: справочник для веб-разработчиков на человеческом языке от русскоязычных авторов. Актуальные и понятные руководства по HTML, CSS, JavaScript, архитектуре и инструментам → https://doka.guide

W3C Design System, официальная дизайн-система для сайтов W3C → https://design-system.w3.org

Нативная раскраска скобок в VS Code: разработчики VS Code рассказали, как они перенесли в ядро редактора раскраску скобок, ранее реализованную в стороннем расширении, и попутно ускорили алгоритм раскраски в 10 000 раз → https://code.visualstudio.com/blogs/2021/09/29/bracket-pair-colorization

Boring SEO: скучное, но действенное руководство по поисковой оптимизации → https://boringseo.org

Как хранят данные в браузере: краткий обзор существующих способов от Антона Жиянова → https://antonz.ru/browser-storage/

Адаптивный layout: как переверстать весь проект, не перевёрстывая его. Юрий Голубев из Почты Mail.ru делится опытом реализации ручного ресайза колонок с адаптацией содержимого под ширину контейнера → https://habr.com/p/579798/

Самопаркующаяся тачка в 500 строк кода: Алексей Трехлеб подробно рассказывает о разработке генетического алгоритма для парковки машины на TypeScript → https://vas3k.club/post/12073

Motion One, новая библиотека для создания анимаций: существенно меньше популярных альтернатив (всего ~3 КБ), основана на Web Animations API, поддерживает таймлайны, написана на TypeScript, использует аппаратное ускорение → https://motion.dev

Partytown, экспериментальное решение для переноса сторонних скриптов вроде Google-аналитики в веб-воркер для разгрузки основного треда и полноценного контроля и отслеживания доступа к DOM и браузерным API → https://github.com/BuilderIO/partytown

Будущее CSS: слои каскада. Брамус Ван Дамм подробно рассказывает о новом механизме в CSS, позволяющем управлять каскадом → https://www.bram.us/2021/09/15/the-future-of-css-cascade-layers-css-at-layer/

История внедрения GraphQL в PayPal: подробный рассказ о предпосылках, процессе внедрения, масштабировании, полученных преимуществах, проблемах и убеждении команд в переходе на GraphQL → https://medium.com/p/b7e01175f2b7

Цветовые пространства: знаете ли вы разницу между sRGB, LAB и CIE XYZ? Джейк Арчибальд и Александр Сурма обсуждают, как устроены цветовые пространства, чем они отличаются и при чём здесь фронтенд → https://youtu.be/cGyLHxn16pE

Паттерны Web Vitals: коллекция примеров и рекомендаций по реализации UX-паттернов, которые могут негативно повлиять на метрики Web Vitals. Карусели, кастомные шрифты, бесконечная прокрутка, видео и другие паттерны → https://web.dev/patterns/web-vitals-patterns/

Atropos, легковесная библиотека для создания трёхмерных параллакс-эффектов при наведении курсора → https://atroposjs.com

OpenMoji, первая опенсорсная и независимая от крупных компаний библиотека Emoji → https://openmoji.org

Какого чёрта, z-index?? Джош Камю на примерах объясняет механизм работы z-index и контекстов наложения в CSS → https://www.joshwcomeau.com/css/stacking-contexts

Уменьшаем потребность в псевдоэлементах: обзор нескольких современных CSS-свойств, позволяющих упростить вёрстку и избавиться от псевдоэлементов → https://www.smashingmagazine.com/2021/09/reducing-need-pseudo-elements/