Вам нужны включающие CSS-селекторы, а не отключающие: простой подход для более чистых и поддерживаемых стилей → https://www.silvestar.codes/articles/you-want-a-single-enabling-selector-not-the-one-that-disables-the-rule-of-the-previous-one/
Адаптивный компонент для отображения шагов в горизонтальной и вертикальной ориентации: руководство по вёрстке от Ахмада Шадида → https://ishadeed.com/article/stepper-component-html-css/
Как и зачем маркетинговый сайт Notion переехал на Next.js со статической генерацией страниц: подробный рассказ инженеров Notion → https://www.notion.so/blog/migrating-notion-marketing-to-next-js
Веб-технологии, которые могут работать не так, как ожидается: нативная ленивая загрузка изображений, CSS-псевдокласс :visited, Web Storage API, performance.now() и многое другое → https://habr.com/p/575350/
Как написать собственное ESLint-правило: Бенедикт Куинн описывает общий процесс разработки по мотивам собственного опыта создания правила для рабочего проекта → https://blog.scottlogic.com/2021/09/06/how-to-write-an-es-lint-rule-for-beginners.html
Почтовые адреса в интерфейсе: Антон Жиянов делится шестью простыми, но действенными приёмами для улучшения UX ввода адреса → https://antonz.ru/postal-address/
Интерактивные курсы по горячим клавишам в популярных редакторах кода:
VS Code → https://keycombiner.com/courses/master-vscode/
IntelliJ IDEA → https://keycombiner.com/courses/master-intellij-idea/
VS Code → https://keycombiner.com/courses/master-vscode/
IntelliJ IDEA → https://keycombiner.com/courses/master-intellij-idea/
Что нового в Node.js? Обзор малоизвестных, но полезных возможностей, появившихся в свежих версиях Node.js: генерация UUID, AbortController, протокол node: для импортов, новые основанные на промисах API → https://simonplend.com/whats-new-in-node-js-core/
bundle, продвинутая альтернатива bundlephobia.com для оценки влияния зависимостей на размер бандла с учётом тришейкинга → https://bundle.js.org
Как фронтендеры Grammarly борются со скрытой сложностью в своих приложениях:
1. Процессы и приёмы для уменьшения сложности до написания кода
2. Приёмы уменьшения сложности в коде
1. Процессы и приёмы для уменьшения сложности до написания кода
2. Приёмы уменьшения сложности в коде
Красивые тени в CSS: Джош Камю показывает, как делать более естественные и приятные глазу тени → https://www.joshwcomeau.com/css/designing-shadows
Бандлинг не-JavaScript ресурсов: обзор существующих и будущих способов импортирования и бандлинга различных ресурсов вроде картинок, CSS, шрифтов или JSON → https://web.dev/bundling-non-js-resources/
SEO for Everyone, новая книга в серии A Book Apart о современной поисковой оптимизации → https://abookapart.com/products/seo-for-everyone
Уменьшаем потребность в псевдоэлементах: обзор нескольких современных CSS-свойств, позволяющих упростить вёрстку и избавиться от псевдоэлементов → https://www.smashingmagazine.com/2021/09/reducing-need-pseudo-elements/
Какого чёрта, 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/