Статті для тих, хто
виводить стек у прод
Матеріали про React, Node.js, TypeScript і AI. Перекладений текст показується, якщо він є. Якщо ні — ви бачите англійський текст і примітку про це.
Тег: HTML
HTML — це маркап, а не мова програмування — використовуйте його як мову програмування.
Розглядайте HTML як структуру для навігації, SEO, доступності та продуктивності відображення, і замінюйте набори тегів div на семантичні елементи, які можуть зрозуміти браузери та пошукові роботи.
3 хв читанняП’ять підказок rel=link щодо швидкості першого відображення змісту
Використовуйте preconnect, preload, dns-prefetch, prefetch та modulepreload у заголовку документа, щоб попередньо підготувати з’єднання та скоротити використання ресурсів, не переписуючи додаток.
3 хв читанняCSS attr() у вигляді тексту: безпосереднє введення значень атрибутів HTML у стилі
Дізнайтеся, як функція CSS attr() перетворює атрибути даних на значення довжини, кольорів та часу, чому її альтернативні рішення не працюють, чому функція url() заблокована, та як сьогодні безпечно її використовувати.
18 хв читанняХто має контролювати поведінку інтерфейсу? Вибір між HTML, CSS та JavaScript
Концепція для визначення того, коли вбудовані функції HTML та CSS, такі як dialog, popover, :has() та container queries, слід використовувати замість JavaScript, а коли — ні.
15 хв читанняКнопка зворотного зв’язку у вигляді піднятого великого пальця з анімацією без будь-якої бібліотеки анімацій
Створіть віджет зворотного зв’язку у вигляді пальця, піднятого вгору, та пальця, опущеного вниз, із анімацією pop на ключових кадрах, активними станами та викликом fetch, використовуючи лише HTML, CSS та кілька рядків JavaScript.
7 хв читанняСтруктура, стиль, поведінка: як HTML, CSS та JavaScript ділять роботу
Карта, придатна для початківців, яка показує, що саме належить до HTML, CSS та JavaScript у веб-сторінці, як вони співпрацюють, та які поширені помилки змивають межі між ними.
6 хв читанняВід простої супи до змістовного маркування: практичний посібник з семантичного HTML
Дізнайтеся, чому стандартні елементи div погіршують доступність, індексацію та підтримку коду, які семантичні елементи варто використовувати замість них, та як переписати реальний компонент картки.
16 хв читанняJSX — це не HTML: справжні компроміси, які стоять за маркуванням компонентів
Зрозумійте, що ви втрачаєте, коли маркап перетворюється на JSX — від інструментів та парсингу до форм, доступності та портативності, а також шаблони, які допомагають повернути більшу частину цього.
13 хв читанняШість вбудованих функцій HTML, які замінюють поширені бібліотеки UI на JavaScript
Дізнайтеся, як popover, ексклюзивні деталі, діалогові вікна, Declarative Shadow DOM, fetchpriority та datalist замінюють власний JavaScript, а також які обмеження все ще існують у кожному з них.
6 хв читання
Про ці статті
Оцінка за 24 години
Потрібен такий стек в операторському шарі? Надішліть бриф — оцінка за 24 години.