Статьи для тех, кто
выводит стек в прод
Материалы о React, Node.js, TypeScript и AI. Переведённый текст показывается, если он есть. Если нет — вы видите английский текст и пометку об этом.
Тег: HTML
HTML — это маркировочный язык, а не язык программирования — используйте его как таковой.
Рассматривайте HTML как структуру для навигации, SEO, доступности и производительности отображения, заменяя наборы элементов div на семантические элементы, понятные браузерам и поисковым роботам.
3 мин чтенияПять указателей rel в ссылках, ускоряющих первую отрисовку содержимого.
Используйте preconnect, preload, dns-prefetch, prefetch и modulepreload в разделе head документа для подготовки соединений и сокращения времени загрузки ресурсов без необходимости переписывания приложения.
3 мин чтенияCSS attr() в виде текста: прямое вставление значений атрибутов HTML в стили
Узнайте, как функция CSS attr() преобразует атрибуты данных в значения длины, цвета и времени, почему её альтернативные решения не срабатывают, почему функция url() заблокирована и как можно безопасно использовать её сегодня.
18 мин чтенияКто должен контролировать поведение интерфейса? Выбор между HTML, CSS и JavaScript
Критерии для определения того, когда встроенные функции HTML и CSS, такие как диалоговые окна, поп-апы, :has() и запросы к контейнерам, должны заменять JavaScript, а когда — нет.
15 мин чтенияКнопка обратной связи с анимированным жестом «палец вверх» без использования каких-либо библиотек анимаций
Создайте всплывающий анимированный элемент обратной связи с символами «лайк» и «дизлайк», включающий состояния активности и запрос к серверу, используя только HTML, CSS и несколько строк JavaScript.
7 мин чтенияСтруктура, стиль, поведение: как HTML, CSS и JavaScript делят работу
Простая для новичков карта, показывающая, что именно включает HTML, CSS и JavaScript на веб-странице, как они взаимодействуют, и какие распространённые ошибки затрудняют различение между ними.
6 мин чтенияОт простого супа до значимой маркировки: практическое руководство по семантическому HTML
Узнайте, почему обычные элементы div нарушают доступность, индексацию и возможности технического обслуживания, какие семантические элементы следует использовать вместо них, и как переписать реальный компонент карточки.
16 мин чтенияJSX — это не HTML: настоящие компромиссы, стоящие за маркировкой компонентов
Поймите, что вы теряете, когда маркировка превращается в JSX: от инструментов и парсинга до форм, доступности и портабельности, а также те паттерны, которые помогают восстановить большую часть утраченного.
13 мин чтенияШесть встроенных функций HTML, заменяющих распространённые библиотеки интерфейса на JavaScript
Узнайте, как popover, эксклюзивные детали, диалоговые окна, Declarative Shadow DOM, fetchpriority и datalist заменяют пользовательский JavaScript, а также какие ограничения у каждого из них всё ещё существуют.
6 мин чтения
О этих статьях
Оценка за 24 часа
Нужен такой же стек в операторском слое? Пришлите бриф — оценка за 24 часа.