Адаптив таблиц под мобильные устройства
Способы настройки адаптива таблиц под мобильные устройства. Плюсы и минусы скролла и трансформации в блоки. Примеры кода.
Всего статей: 9 | Категорий: 4 | Тегов: 7
Способы настройки адаптива таблиц под мобильные устройства. Плюсы и минусы скролла и трансформации в блоки. Примеры кода.
Создаём быструю анимацию при прокрутке без тяжелых библиотек. 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.
Сравнение ручного подключения Inter .woff2 и @fontsource-variable. Экономия трафика в 5 раз (341kb → 65kb). Гайд по оптимизации шрифтов для PageSpeed.