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 мин
Английский
Посмотреть
+7
Удален по просьбе правообладателя
Изображение курса Продвинутый 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

Учись ради навыков, а не сертификатов. Лучшие видеокурсы от топ-авторов со всего мира: программирование, дизайн, AI, DevOps и многое другое. Без воды, без лозунгов — только код, практика и дружелюбное комьюнити разработчиков.

Категории
Все категории JavaScript React.js Python Java Golang (Google Go) Другое TypeScript Подготовка к собеседованию Обработка и анализ данных Другое (Frontend)
Источники
Все источники Ali Aminian balun.courses ByteByteGo DesignGurus.io frontendmasters Shivang Sarawagi udemy zerotomastery.io Влад Тен Дмитрий Холстинин
Telegram CourseTrain Цена Контакты Распространенные вопросы Плейлисты Приватность Условия
Темы:
Язык: