CourseHunter
  • Категории
    • Искусственный Интеллект logo Искусственный Интеллект
    • Frontend logo Frontend
      • Angular logo Angular
      • HTML logo HTML
      • CSS logo CSS
      • JavaScript logo JavaScript
      • Vue logo Vue
      • jQuery logo jQuery
      • React logo React
      • AngularJS logo AngularJS
      • Backbone logo Backbone
      • TypeScript logo TypeScript
      • Ember logo Ember
      • Next.js logo Next.js
      • Elm logo Elm
      • Svelte logo Svelte
      • Single SPA logo Single SPA
      • Three.js logo Three.js
      • D3.js logo D3.js
      • RxJS logo RxJS
      • WebGL logo WebGL
      • barba.js logo barba.js
    • Backend logo Backend
      • PHP logo PHP
      • Python logo Python
      • Ruby on Rails logo Ruby on Rails
      • Yii logo Yii
      • Laravel logo Laravel
      • SQL logo SQL
      • Ruby logo Ruby
      • Symfony logo Symfony
      • Java logo Java
      • Scala logo Scala
      • Node.js logo Node.js
      • MongoDB logo MongoDB
      • Golang (Google Go) logo Golang (Google Go)
      • Slim logo Slim
      • Silex logo Silex
      • Firebase logo Firebase
      • C Sharp (C#) logo C Sharp (C#)
      • Deno logo Deno
      • Redis logo Redis
      • Django logo Django
      • NestJS logo NestJS
      • Spring logo Spring
      • Spring Boot logo Spring Boot
      • Spring Data logo Spring Data
      • Spring Cloud logo Spring Cloud
      • Spring Security logo Spring Security
      • Spring Integration logo Spring Integration
      • Spring HATEOAS logo Spring HATEOAS
      • Spring MVC logo Spring MVC
      • Elixir logo Elixir
      • Phoenix logo Phoenix
    • System programming logo System programming
      • Rust logo Rust
      • WebAssembly logo WebAssembly
      • C++ logo C++
    • Marketing logo Marketing
      • SEO logo SEO
    • Video and 3D logo Video and 3D
      • Blender logo Blender
      • Cinema 4D logo Cinema 4D
      • ZBrush logo ZBrush
    • Graphic logo Graphic
      • Figma logo Figma
      • Sketch logo Sketch
      • Photoshop logo Photoshop
      • After Effects logo After Effects
      • Illustrator  logo Illustrator
      • Adobe XD logo Adobe XD
      • Lightroom logo Lightroom
      • CorelDRAW logo CorelDRAW
    • DevOps logo DevOps
      • AWS logo AWS
      • Azure logo Azure
      • Docker logo Docker
      • Git logo Git
      • GitHub logo GitHub
      • Gitlab logo Gitlab
      • Google Cloud logo Google Cloud
      • Grafana logo Grafana
      • Kubernetes logo Kubernetes
      • Jenkins logo Jenkins
      • Terraform logo Terraform
      • Другое logo Другое
    • Tools logo Tools
      • GraphQL logo GraphQL
      • Flux logo Flux
      • Webpack logo Webpack
      • Ansible logo Ansible
      • Gulp logo Gulp
      • Grunt logo Grunt
      • Visual Studio Code logo Visual Studio Code
      • VIM logo VIM
      • OpenCV logo OpenCV
      • Salt logo Salt
      • SVN logo SVN
      • Atom logo Atom
      • Elasticsearch logo Elasticsearch
      • Сборки, готовые решения logo Сборки, готовые решения
      • Electron logo Electron
      • Chrome DevTools logo Chrome DevTools
      • Yarn logo Yarn
      • Babel logo Babel
      • Grep logo Grep
      • npm logo npm
      • Vite logo Vite
      • Gatsby logo Gatsby
      • PhpStorm logo PhpStorm
      • Webflow logo Webflow
      • Hibernate logo Hibernate
      • Socket.io logo Socket.io
      • Bash logo Bash
    • Разработка мобильных приложений logo Разработка мобильных приложений
      • React Native logo React Native
      • Ionic logo Ionic
      • Swift logo Swift
      • Progressive Web App (PWA) logo Progressive Web App (PWA)
      • Core Data logo Core Data
      • Xamarin logo Xamarin
      • NativeScript logo NativeScript
      • Dart и Flutter logo Dart и Flutter
    • Gamedev logo Gamedev
      • Unreal Engine logo Unreal Engine
      • Unity logo Unity
    • CMS logo CMS
      • Wordpress logo Wordpress
      • OpenCart logo OpenCart
      • Drupal logo Drupal
      • Joomla logo Joomla
      • 1C-Bitrix logo 1C-Bitrix
      • MODX logo MODX
      • Magento logo Magento
      • Shopify logo Shopify
    • Blockchain logo Blockchain
      • Криптовалюты logo Криптовалюты
      •  Decentralized Applications (dApps) (Web 3) logo Decentralized Applications (dApps) (Web 3)
    • Тестирование logo Тестирование
      • Postman logo Postman
      • Selenium logo Selenium
      • Appium logo Appium
      • Protractor logo Protractor
      • WebdriverIO logo WebdriverIO
      • Cypress logo Cypress
      • Playwright logo Playwright
    • Другое logo Другое
      • Linux logo Linux
      • WebRTC logo WebRTC
      • OpenGL Shading Language (GLSL) logo OpenGL Shading Language (GLSL)
    • Подготовка к собеседованию logo Подготовка к собеседованию
    • Обработка и анализ данных logo Обработка и анализ данных
    • Информационная безопасность logo Информационная безопасность
      • Этический взлом / Тестирование на проникновение logo Этический взлом / Тестирование на проникновение
    • Английский язык logo Английский язык
    • Конференции logo Конференции
  • Источники
  • Все курсы
    • Популярные
    • Бесплатные (2999+ Курсов)
  • Разделы
  • Книги
    • Бесплатные
    • Популярные
  • Краудфандинг logo Краудфандинг
English
Русский
Українська
Голубая
Фиолетовая
Cветлая
Терминал
Norton
Войти
Главная страница Категория css Вам не нужен JavaScript: практичная книга о современном CSS

Вам не нужен JavaScript: практичная книга о современном CSS

You Don’t Need JavaScript | A Practical CSS eBook

Theo Soti logo Theo Soti
Вам не нужен JavaScript: практичная книга о современном CSS logo Начать Сейчас
Категория
CSS
Дата добавления
2 нояб. 2025 г., 23:56
Язык
Английский

“Без JavaScript” — это полноценная книга объёмом 125 страниц, наполненная современными CSS-техниками, практическими примерами и пошаговыми уроками. Вы узнаете, как заменить избыточный JavaScript лёгкими CSS-компонентами, которые работают быстрее, проще поддерживаются и готовы к будущим изменениям веб-стандартов.

Чему вы научитесь

Создавать popover-меню только на CSS

Благодаря Popover API вы сможете реализовать доступное меню-выдвижение, которое без проблем работает на большинстве устройств. Подход легко расширяется для создания разных интерактивных компонентов.

Делать доступные аккордеоны с помощью одного CSS

Используя семантический HTML и современные возможности CSS, вы создадите аккордеоны, полностью доступные и совместимые с любыми устройствами — идеальное решение для FAQ, скрываемого контента и не только.

Создавать впечатляющие анимации при прокрутке — на 100% в CSS

Откройте для себя, как использовать CSS и современные API для анимации элементов во время скролла — добавляя интерактивность и глубину без потери производительности.

И многое другое…

Изучите продвинутые компоненты, которые раньше казались невозможными без JavaScript: переключатели тёмной темы, слайдеры-сравнения, якорную навигацию, мощные эффекты с :has() и другие возможности современного CSS.

Посмотреть больше

Автор - Theo Soti

Изображение источника Theo Soti

Theo Soti

Последние восемь лет я работаю с командами над созданием быстрых и отзывчивых интерфейсов с использованием современных возможностей CSS. По ходу работы я начал делиться своими знаниями онлайн — и это небольшое увлечение выросло в целое сообщество:16 000+ разработчиков в LinkedIn9 миллионов просмотров за год1 500 подписчиков рассылкиМой проект “You Don’t Need JavaScript” собирает лучшие техники и паттерны CSS для создания быстрых и современных инт

Автор
Посмотреть
Категории
CSS logo

CSS

Комментарии
User Avatar
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.

Другие материалы в этой категории

Изображение курса Современные основы CSS
frontendmasters logo frontendmasters kevin powell logo kevin powell
24 окт. 2025 г., 02:14
CSS

Современные основы CSS

Modern CSS Fundamentals

Этот курс подойдёт всем, кто хочет по-настоящему разобраться в современном CSS - будь вы бэкенд-разработчик, переходящий во фронтенд, выпускник буткемпа, стремящийся выйти за рамки фреймворков, или самоучка, желающий строить интерфейсы с нуля.Вы узнаете не только как работают современные возможности CSS, но и почему язык устроен именно так. Мы разберём системные принципы, лежащие в основе адаптивной вёрстки, научимся уверенно строить гибкие макет

12 ч 13 мин
Английский
Посмотреть
+6
Изображение курса Продвинутый CSS для веб-дизайна
zerotomastery.io logo zerotomastery.io
3 окт. 2025 г., 23:42
CSS

Продвинутый CSS для веб-дизайна

Advanced CSS for Web Design

«Продвинутый CSS для веб-дизайна» - это курс, который поднимет ваши навыки на новый уровень и научит оживлять сайты с помощью современных возможностей CSS: градиентов, blend-режимов, clipping-путей, CSS Houdini и многого другого.Advanced CSS - это место, где креатив встречается с кодом. Вы выйдете за рамки базовых стилей и начнёте создавать проекты, которые выглядят впечатляюще, динамично и запоминаются.

5 ч 9 мин
Английский
Посмотреть
+2
Изображение курса Основы CSS Flexbox
zerotomastery.io logo zerotomastery.io
3 окт. 2025 г., 23:29
CSS

Основы CSS Flexbox

Fundamentals of CSS Flexbox

«Основы CSS Flexbox» - это курс, в котором вы научитесь использовать Flexbox для создания чистых, гибких и адаптивных макетов. Мы разберём основы работы с Flexbox, выравнивание, управление отступами, перенос элементов и реальные примеры верстки, чтобы ваши сайты выглядели современно и аккуратно.Flexbox снимает головную боль с верстки на CSS. Забудьте про хаотичные float, бесконечные margin и странности позиционирования - этот курс станет вашей «к

4 ч 7 мин
Английский
Посмотреть
+1
Изображение курса Основы CSS Grid
zerotomastery.io logo zerotomastery.io
3 окт. 2025 г., 23:22
CSS

Основы CSS Grid

Fundamentals of CSS Grid

«Основы CSS Grid» - это практический курс, где вы с нуля освоите одну из самых мощных технологий современного веб-дизайна. Вы научитесь создавать чистые, гибкие и адаптивные двухмерные макеты, которые отлично смотрятся на любых устройствах.CSS Grid может казаться сложным, но на деле это удобный и логичный инструмент. В этом курсе вы пройдёте путь от самых основ до построения реальных адаптивных интерфейсов - без хаотичных хака и перегруженных фре

3 ч 32 мин
Английский
Посмотреть
+1
Изображение курса CSS без лишних сложностей
webdevsimplified.com logo webdevsimplified.com
10 дек. 2024 г., 20:51
CSS

CSS без лишних сложностей

CSS Simplified

Научитесь создавать красивые сайты с помощью более 100 видеоматериалов и 20+ уникальных проектов, разработанных для того, чтобы обучение CSS стало максимально простым и понятным.

15 ч 17 мин
Английский
Посмотреть
+9

Ресурс видеоуроков программирования для front и back end разработчиков. Бери знания своего профиля у нас, ведь мы самые лучшие блеать. Серьезно.

Категории
Все категории CSS React.js Python Golang (Google Go) Kubernetes Другое TypeScript Next.js Подготовка к собеседованию Другое (Frontend)
Источники
Все источники Ali Aminian ByteByteGo deworker.pro frontendmasters Theo Soti Tsahi Levent-Levi udemy Анатoлий Буров Елисеев Федор Борщёв
Telegram CourseTrain Цена Контакты Распространенные вопросы Плейлисты Приватность Условия
Темы:
Язык: