Какого чёрта, z-index?? Джош Камю на примерах объясняет механизм работы z-index и контекстов наложения в CSS → https://www.joshwcomeau.com/css/stacking-contexts
OpenMoji, первая опенсорсная и независимая от крупных компаний библиотека Emoji → https://openmoji.org
This media is not supported in your browser
VIEW IN TELEGRAM
Atropos, легковесная библиотека для создания трёхмерных параллакс-эффектов при наведении курсора → https://atroposjs.com
Паттерны Web Vitals: коллекция примеров и рекомендаций по реализации UX-паттернов, которые могут негативно повлиять на метрики Web Vitals. Карусели, кастомные шрифты, бесконечная прокрутка, видео и другие паттерны → https://web.dev/patterns/web-vitals-patterns/
Цветовые пространства: знаете ли вы разницу между sRGB, LAB и CIE XYZ? Джейк Арчибальд и Александр Сурма обсуждают, как устроены цветовые пространства, чем они отличаются и при чём здесь фронтенд → https://youtu.be/cGyLHxn16pE
История внедрения GraphQL в PayPal: подробный рассказ о предпосылках, процессе внедрения, масштабировании, полученных преимуществах, проблемах и убеждении команд в переходе на GraphQL → https://medium.com/p/b7e01175f2b7
Будущее CSS: слои каскада. Брамус Ван Дамм подробно рассказывает о новом механизме в CSS, позволяющем управлять каскадом → https://www.bram.us/2021/09/15/the-future-of-css-cascade-layers-css-at-layer/
Partytown, экспериментальное решение для переноса сторонних скриптов вроде Google-аналитики в веб-воркер для разгрузки основного треда и полноценного контроля и отслеживания доступа к DOM и браузерным API → https://github.com/BuilderIO/partytown
Motion One, новая библиотека для создания анимаций: существенно меньше популярных альтернатив (всего ~3 КБ), основана на Web Animations API, поддерживает таймлайны, написана на TypeScript, использует аппаратное ускорение → https://motion.dev
Самопаркующаяся тачка в 500 строк кода: Алексей Трехлеб подробно рассказывает о разработке генетического алгоритма для парковки машины на TypeScript → https://vas3k.club/post/12073
This media is not supported in your browser
VIEW IN TELEGRAM
Адаптивный layout: как переверстать весь проект, не перевёрстывая его. Юрий Голубев из Почты Mail.ru делится опытом реализации ручного ресайза колонок с адаптацией содержимого под ширину контейнера → https://habr.com/p/579798/
Как хранят данные в браузере: краткий обзор существующих способов от Антона Жиянова → https://antonz.ru/browser-storage/
Boring SEO: скучное, но действенное руководство по поисковой оптимизации → https://boringseo.org
Нативная раскраска скобок в VS Code: разработчики VS Code рассказали, как они перенесли в ядро редактора раскраску скобок, ранее реализованную в стороннем расширении, и попутно ускорили алгоритм раскраски в 10 000 раз → https://code.visualstudio.com/blogs/2021/09/29/bracket-pair-colorization
W3C Design System, официальная дизайн-система для сайтов W3C → https://design-system.w3.org
Дока: справочник для веб-разработчиков на человеческом языке от русскоязычных авторов. Актуальные и понятные руководства по HTML, CSS, JavaScript, архитектуре и инструментам → https://doka.guide
Вышел Parcel v2, сборщик веб-приложений с фокусом на минимум конфигурации при максимуме пользы.
Анонс с подробным списком улучшений и новинок → https://parceljs.org/blog/v2
Новый сайт и документация → https://parceljs.org
Анонс с подробным списком улучшений и новинок → https://parceljs.org/blog/v2
Новый сайт и документация → https://parceljs.org
typescript-todo-or-die-plugin, плагин для проверки актуальности TODO- и FIXME-комментариев в коде с помощью TypeScript → https://github.com/ngnijland/typescript-todo-or-die-plugin
Лучшие практики встраивания стороннего содержимого: практические рекомендации для улучшения UX → https://web.dev/embed-best-practices/
Visual Studio Code теперь можно использовать прямо в браузере, не устанавливая приложение → https://vscode.dev
Анонс и рассказ о реализации от команды редактора → https://code.visualstudio.com/blogs/2021/10/20/vscode-dev
Анонс и рассказ о реализации от команды редактора → https://code.visualstudio.com/blogs/2021/10/20/vscode-dev