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