Всего статей: 13 | Категорий: 5 | Тегов: 11
Как совместить агрессивное кэширование и приватный доступ по одному URL. Разбираем паттерн с fallback-запросами и обработкой 401/403 ошибок.
Руководство по использованию нативного тега <dialog> для создания popup в HTML, CSS и React. Избавьтесь от лишнего JS, ловушек фокуса и проблем с z-index.
Popover: реализуем декларативные выпадающие меню с помощью HTML-атрибутов. Без JavaScript, с плавными анимациями и автоматическим управлением фокусом.
Три варианта вёрстки каркаса сайта с нижним меню на мобильных устройствах. Разбор 3 архитектурных подходов (Grid, Fixed, Sticky).
Способы настройки адаптива таблиц под мобильные устройства. Плюсы и минусы скролла и трансформации в блоки. Примеры кода.
Создаём быструю анимацию при прокрутке без тяжелых библиотек. Intersection Observer + CSS-переменные. Поддержка Progressive Enhancement и настроек доступности.
Как правильно стилизовать скроллбары в 2026 году. Почему Chrome отключает ::-webkit-scrollbar и как подружить кастомный дизайн с Firefox.
Использование функций cos() и sin() в CSS для создания адаптивных круговых интерфейсов, радиальных меню и блоков преимуществ без единой строчки JavaScript.
Концепция умных поверхностей (surfaces), семантическое именование и автоматическая адаптация текста к фону
Как правильно стилизовать HTML5 тег <progress> с использованием современных CSS-функции Container Queries (cqi). Решаем проблему растягивающегося градиента.
Несколько способов вставки SVG-иконок на сайт: через img, инлайн и спрайты. Как управлять цветом, упростить поддержку и ускорить разработку.
Узнайте, как создать красивый и семантичный спойлер (аккордеон) без JavaScript. Используем нативный HTML-тег <details>, добавляем плавное раскрытие и стилизуем иконку под любой дизайн. Готовые примеры кода для FAQ.