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