Статьи о web-разработке

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

• Адаптив таблиц под мобильные устройства

  Способы настройки адаптива таблиц под мобильные устройства. Плюсы и минусы скролла и трансформации в блоки. Примеры кода.

  #CSS

  CSS 30 апреля 2026

• Анимация при скролле: Intersection Observer + CSS-переменные

  Создаём быструю анимацию при прокрутке без тяжелых библиотек. Intersection Observer + CSS-переменные. Поддержка Progressive Enhancement и настроек доступности.

  #CSS#JavaScript#Анимация

  CSS 7 апреля 2026

• Кастомизация скроллбара в 2026: Webkit vs W3C Standard

  Как правильно стилизовать скроллбары в 2026 году. Почему Chrome отключает ::-webkit-scrollbar и как подружить кастомный дизайн с Firefox.

  #CSS

  CSS 6 апреля 2026

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

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

  #CSS#HTML

  CSS 6 апреля 2026

• Дизайн-система: умные поверхности в Tailwind CSS

  Концепция умных поверхностей (surfaces), семантическое именование и автоматическая адаптация текста к фону

  #CSS#Tailwind_CSS

  Дизайн-система 4 апреля 2026

• Идеальный градиент для HTML5 Progress Bar: магия Container Queries

  Как правильно стилизовать HTML5 тег <progress> с использованием современных CSS-функции Container Queries (cqi). Решаем проблему растягивающегося градиента.

  #CSS

  CSS 27 марта 2026

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

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

  #HTML

  HTML 20 марта 2026

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

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

  #HTML#CSS

  HTML 19 марта 2026

• Inter: уменьшаем вес шрифта с 717kb до 137kb без потери качества

  Сравнение ручного подключения Inter .woff2 и @fontsource-variable. Экономия трафика в 5 раз (341kb → 65kb). Гайд по оптимизации шрифтов для PageSpeed.

  #Google_PageSpeed#Шрифт

  Оптимизация и производительность 18 марта 2026