Эта практичная книга — ваш быстрый путь к современному, эффективному и лёгкому фронтенду. В ней вы узнаете, как заменить привычные JavaScript-решения мощными возможностями CSS, повысить скорость работы сайта и упростить поддержку кода, сохранив при этом богатую интерактивность.
Что делает эту книгу уникальной
Материал основан на реальных задачах и демонстрирует, как современные CSS‑техники позволяют решать проблемы, которые ещё недавно были возможны только с помощью JavaScript. Подход фокусируется на практических примерах, простоте применения и будущем веб‑стандартов.
Фокус на практике
Каждый компонент разбирается шаг за шагом: от базовой структуры до улучшений и доступности. Вы сразу видите, как применять подходы в своих проектах.
Только современные API
В книге рассматриваются актуальные возможности CSS и браузеров: Popover API, :has(), контейнерные запросы, новые единицы измерения, улучшенные селекторы и механики для интерактивных интерфейсов.
Ключевые навыки, которые вы освоите
Создание popover-меню на одном CSS
Вы научитесь использовать Popover API для создания удобных и доступных меню, всплывающих подсказок и панелей. Подход подходит как для мобильных, так и для десктопных интерфейсов.
Построение доступных аккордеонов
С помощью семантического HTML и CSS вы создадите аккордеоны, которые правильно читаются скринридерами, работают на всех устройствах и не требуют ни строчки JavaScript.
Анимации при прокрутке без скриптов
Книга показывает, как применять CSS‑анимации и современные API для создания эффектов при скролле, сохраняя плавность и высокую производительность.
Продвинутые эффекты и компоненты
- переключатели тёмной темы
- слайдеры “до/после”
- интерактивная якорная навигация
- динамические эффекты на основе :has()
- адаптивные компоненты на контейнерных запросах
Для кого эта книга
Материал будет полезен как разработчикам, которые хотят сократить количество JavaScript, так и тем, кто стремится глубже понять современные стандарты CSS. Вне зависимости от уровня, вы получите набор практических инструментов и техник, готовых к использованию в реальных проектах.
Результат
После изучения книги вы сможете создавать интерактивные интерфейсы быстрее, проще и надёжнее, практически без использования JavaScript. Ваш CSS станет мощнее, а подход к разработке — современнее и гибче.