“Без JavaScript” — это полноценная книга объёмом 125 страниц, наполненная современными CSS-техниками, практическими примерами и пошаговыми уроками. Вы узнаете, как заменить избыточный JavaScript лёгкими CSS-компонентами, которые работают быстрее, проще поддерживаются и готовы к будущим изменениям веб-стандартов.
Чему вы научитесь
Создавать popover-меню только на CSS
Благодаря Popover API вы сможете реализовать доступное меню-выдвижение, которое без проблем работает на большинстве устройств. Подход легко расширяется для создания разных интерактивных компонентов.
Делать доступные аккордеоны с помощью одного CSS
Используя семантический HTML и современные возможности CSS, вы создадите аккордеоны, полностью доступные и совместимые с любыми устройствами — идеальное решение для FAQ, скрываемого контента и не только.
Создавать впечатляющие анимации при прокрутке — на 100% в CSS
Откройте для себя, как использовать CSS и современные API для анимации элементов во время скролла — добавляя интерактивность и глубину без потери производительности.
И многое другое…
Изучите продвинутые компоненты, которые раньше казались невозможными без JavaScript: переключатели тёмной темы, слайдеры-сравнения, якорную навигацию, мощные эффекты с :has() и другие возможности современного CSS.
Посмотреть больше
Автор - Theo Soti
Theo Soti
Последние восемь лет я работаю с командами над созданием быстрых и отзывчивых интерфейсов с использованием современных возможностей CSS. По ходу работы я начал делиться своими знаниями онлайн — и это небольшое увлечение выросло в целое сообщество:16 000+ разработчиков в LinkedIn9 миллионов просмотров за год1 500 подписчиков рассылкиМой проект “You Don’t Need JavaScript” собирает лучшие техники и паттерны CSS для создания быстрых и современных инт
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
Этот курс подойдёт всем, кто хочет по-настоящему разобраться в современном CSS - будь вы бэкенд-разработчик, переходящий во фронтенд, выпускник буткемпа, стремящийся выйти за рамки фреймворков, или самоучка, желающий строить интерфейсы с нуля.Вы узнаете не только как работают современные возможности CSS, но и почему язык устроен именно так. Мы разберём системные принципы, лежащие в основе адаптивной вёрстки, научимся уверенно строить гибкие макет
«Продвинутый CSS для веб-дизайна» - это курс, который поднимет ваши навыки на новый уровень и научит оживлять сайты с помощью современных возможностей CSS: градиентов, blend-режимов, clipping-путей, CSS Houdini и многого другого.Advanced CSS - это место, где креатив встречается с кодом. Вы выйдете за рамки базовых стилей и начнёте создавать проекты, которые выглядят впечатляюще, динамично и запоминаются.
«Основы CSS Flexbox» - это курс, в котором вы научитесь использовать Flexbox для создания чистых, гибких и адаптивных макетов. Мы разберём основы работы с Flexbox, выравнивание, управление отступами, перенос элементов и реальные примеры верстки, чтобы ваши сайты выглядели современно и аккуратно.Flexbox снимает головную боль с верстки на CSS. Забудьте про хаотичные float, бесконечные margin и странности позиционирования - этот курс станет вашей «к
«Основы CSS Grid» - это практический курс, где вы с нуля освоите одну из самых мощных технологий современного веб-дизайна. Вы научитесь создавать чистые, гибкие и адаптивные двухмерные макеты, которые отлично смотрятся на любых устройствах.CSS Grid может казаться сложным, но на деле это удобный и логичный инструмент. В этом курсе вы пройдёте путь от самых основ до построения реальных адаптивных интерфейсов - без хаотичных хака и перегруженных фре
Научитесь создавать красивые сайты с помощью более 100 видеоматериалов и 20+ уникальных проектов, разработанных для того, чтобы обучение CSS стало максимально простым и понятным.