Тег: HTML

Список статей

• Создание элемента popup: нативный HTML-тег <dialog>

  Руководство по использованию нативного тега <dialog> для создания popup в HTML, CSS и React. Избавьтесь от лишнего JS, ловушек фокуса и проблем с z-index.

  #HTML#CSS

  HTML29 июля 2026

• Popover: Современный способ организации выпадающих меню

  Popover: реализуем декларативные выпадающие меню с помощью HTML-атрибутов. Без JavaScript, с плавными анимациями и автоматическим управлением фокусом.

  #HTML#CSS

  HTML22 июля 2026

• Вёрстка каркаса сайта под Bottom Nav

  Три варианта вёрстки каркаса сайта с нижним меню на мобильных устройствах. Разбор 3 архитектурных подходов (Grid, Fixed, Sticky).

  #HTML#CSS

  CSS4 июля 2026

• CSS-магия: создаём идеальную «Ромашку» и радиальные меню на тригонометрии

  Использование функций cos() и sin() в CSS для создания адаптивных круговых интерфейсов, радиальных меню и блоков преимуществ без единой строчки JavaScript.

  #CSS#HTML

  CSS6 апреля 2026

• Иконки в HTML: подключение через SVG-спрайт

  Несколько способов вставки SVG-иконок на сайт: через img, инлайн и спрайты. Как управлять цветом, упростить поддержку и ускорить разработку.

  #HTML

  HTML20 марта 2026

• Создание элемента спойлер: нативный HTML-тег <details>

  Узнайте, как создать красивый и семантичный спойлер (аккордеон) без JavaScript. Используем нативный HTML-тег <details>, добавляем плавное раскрытие и стилизуем иконку под любой дизайн. Готовые примеры кода для FAQ.

  #HTML#CSS

  HTML19 марта 2026