💡 Визуальное разделение группы связанных параметров с помощью <hr> внутри <select>

➡️ Поиграть можно здесь

#html #tip by Shripal Soni

💡HTML-элемент <meter> в действии: на заметку фронтенд-разработчику

#html #tip by Shripal Soni

💡HTML-элемент <progress> в действии: на заметку фронтенд-разработчику

➡️ Поиграть можно здесь

#html #tip by Shripal Soni

💡 Семантический способ выделить часть текста с помощью HTML-элемента <mark>: на заметку фронтенд-разработчику

➡️ Поиграть можно здесь

#html #tip by Shripal Soni

📂 htmx: быстрый способ оживить интерфейс

Вместо тонны JS-кода можно писать интерактив прямо в атрибутах: hx-get, hx-post, hx-swap, hx-trigger.

➡️ Зачем пробовать:

— Минимум кода, максимум динамики

— Быстрый старт без фреймворка

— Удобно и для пет-проектов, и для прототипов

💡 Не заменит полноценный React/Vue, если нужна сложная логика

➡️ Мини-пример:

<button hx-get="/api/articles" hx-target="#list" hx-swap="innerHTML">
  Загрузить статью
</button>

<div id="list"></div>

Запрос уходит на сервер → HTML-фрагмент прилетает и рендерится в #list.

📎 Подробнее

🐸 Библиотека фронтендера

#stack #html

🚀 Шпаргалка по HTML

Всё от базовой структуры до таблиц, форм, списков и современных тегов разметки.

➕ Отличный инструмент для быстрой проверки кода и обучения.

🐸 Библиотека фронтендера

#readme #html