CSS - Видеоуроки, курсы, туториалы
CSS (Cascading Style Sheets) - формальный язык, который применяют для быстрой стилизации HTML веб-страницы. С его помощью вы можете стилизировать почти любой элемент HTML разметки, просто подключая css файл к странице. Используя css селекторы, вы можете выбирать любой элемент и задавать ему нужные параметры для отобрежения (цвет, шрифт, размер, позиция и тд.) В интернете много шуток по поводу работы с CSS, но ничего сложного в нем нет. В современной разработке используют препроцессоры CSS - Sass, less, Stylus. Смысл в их использовании - лучшая читабельность кода и повышеная производительность.
Популярное в css
Адаптивный дизайн для начинающих
Вам не нужен JavaScript: практичная книга о современном CSS
Современные HTML и CSS с нуля, 2.0
Демистификация CSS: начинайте писать CSS с уверенностью
Изучайте CSS Сегодня
Skrollr Workshop
Создание подкаст-плеера с JavaScript, CSS и Node.js
CSS без лишних сложностей
Чистая и масштабируемая архитектура CSS
Популярные авторы и школы курсов в категории CSS
CSS в разделах
CSS: Список курсов
Theo SotiCSS
Вам не нужен JavaScript: практичная книга о современном CSS
You Don’t Need JavaScript | A Practical CSS eBook
“Без JavaScript” — это полноценная книга объёмом 125 страниц, наполненная современными CSS-техниками, практическими примерами и пошаговыми уроками. Вы узнаете, как заменить избыточный JavaScript лёгкими CSS-компонентами, которые работают быстрее, проще поддерживаются и готовы к будущим изменениям веб-стандартов.Чему вы научитесьСоздавать popover-меню только на CSSБлагодаря Popover API вы сможете реализовать доступное меню-выдвижение, которое без
frontendmasters
kevin powellCSS
Современные основы CSS
Modern CSS Fundamentals
Этот курс подойдёт всем, кто хочет по-настоящему разобраться в современном CSS - будь вы бэкенд-разработчик, переходящий во фронтенд, выпускник буткемпа, стремящийся выйти за рамки фреймворков, или самоучка, желающий строить интерфейсы с нуля.Вы узнаете не только как работают современные возможности CSS, но и почему язык устроен именно так. Мы разберём системные принципы, лежащие в основе адаптивной вёрстки, научимся уверенно строить гибкие макет
zerotomastery.ioCSS
Продвинутый CSS для веб-дизайна
Advanced CSS for Web Design
«Продвинутый CSS для веб-дизайна» - это курс, который поднимет ваши навыки на новый уровень и научит оживлять сайты с помощью современных возможностей CSS: градиентов, blend-режимов, clipping-путей, CSS Houdini и многого другого.Advanced CSS - это место, где креатив встречается с кодом. Вы выйдете за рамки базовых стилей и начнёте создавать проекты, которые выглядят впечатляюще, динамично и запоминаются.
zerotomastery.ioCSS
Основы CSS Flexbox
Fundamentals of CSS Flexbox
«Основы CSS Flexbox» - это курс, в котором вы научитесь использовать Flexbox для создания чистых, гибких и адаптивных макетов. Мы разберём основы работы с Flexbox, выравнивание, управление отступами, перенос элементов и реальные примеры верстки, чтобы ваши сайты выглядели современно и аккуратно.Flexbox снимает головную боль с верстки на CSS. Забудьте про хаотичные float, бесконечные margin и странности позиционирования - этот курс станет вашей «к
zerotomastery.ioCSS
Основы CSS Grid
Fundamentals of CSS Grid
«Основы CSS Grid» - это практический курс, где вы с нуля освоите одну из самых мощных технологий современного веб-дизайна. Вы научитесь создавать чистые, гибкие и адаптивные двухмерные макеты, которые отлично смотрятся на любых устройствах.CSS Grid может казаться сложным, но на деле это удобный и логичный инструмент. В этом курсе вы пройдёте путь от самых основ до построения реальных адаптивных интерфейсов - без хаотичных хака и перегруженных фре
zerotomastery.ioHTMLCSSJavaScriptNode.js
Создание подкаст-плеера с JavaScript, CSS и Node.js
Build a Podcast Player with JavaScript, CSS and Node.js
«Создание подкаст-плеера с JavaScript, CSS и Node.js» - это практический full-stack проект, в котором вы разработаете современное веб-приложение для прослушивания подкастов.В ходе курса вы шаг за шагом создадите приложение, которое ничем не уступает реальным медиаплеерам: поиск, каталог, потоковое воспроизведение, очередь воспроизведения и история поиска - всё прямо в браузере.На бэкенде вы будете работать с Node.js и Express, подключитесь к API
zerotomastery.ioHTMLCSSJavaScript
Анимированные графики новостей на HTML, CSS и JavaScript
Create Animated Breaking News Graphics with HTML, CSS and JavaScript
«Анимированные графики новостей на HTML, CSS и JavaScript» - это практический курс, в котором вы научитесь разрабатывать собственные динамичные оверлеи и анимации в стиле телетрансляций. Такие графические элементы идеально подойдут для стримов, цифровых табло и телевизионной графики.Этот курс - не просто «повторяй за мной». Он нацелен на то, чтобы вы понимали принципы работы анимации и веб-технологий, а не бездумно копировали код. После завершени
Jess ChanHTMLCSS
Адаптивный дизайн для начинающих
Responsive Design for Beginners
Вы уже выучили основы HTML и CSS… и что дальше? Да, вы можете повторить шаги из туториала и стали мастером поиска ответов в Google, но сама мысль о том, чтобы начать новый проект сайта с нуля, пугает. Вы учитесь по чуть-чуть, но чаще ловите себя на том, что часами боретесь с непонятными багами в CSS, вместо того чтобы реально писать код. С чего вообще начать?
frontendmasters
Steve KinneyCSS
Tailwind CSS, v2
Этот насыщенный практический воркшоп поможет вам пройти путь от нуля до готового к продакшену проекта с использованием Tailwind CSS версии 4. Вы освоите подход utility-first, научитесь работать с цветовыми темами OKLCH, использовать container queries, строить адаптивные макеты, применять варианты взаимодействия (group/peer/has), а также добавлять анимации и создавать настоящие компоненты, которые сразу можно использовать в своих проектах.
frontendmasters
Jen KramerCSS
Начало работы с CSS: Версия 2.0
Getting Started with CSS, v2
На этом курсе вы создадите одностраничный сайт-портфолио, используя семантическую разметку HTML, систему дизайна на базе CSS-переменных, сеточные макеты и адаптивный дизайн. Вы научитесь внедрять светлую и тёмную цветовые схемы, которые можно переключать по желанию пользователя, и освоите ключевые принципы организации контента, чтобы ваша история и навыки были представлены понятно и убедительно.
Узнать больше о CSS
Что такое CSS ?
CSS (Cascading Style Sheets) это язык таблиц стилей, используемый для описания представления документа, написанного на языке разметки. Он наиболее часто используется в сочетании с HTML и JavaScript для создания визуально привлекательных веб-страниц. CSS позволяет разработчикам отделять представление веб-страницы от ее структуры, что упрощает обслуживание и обновление дизайна сайта. С помощью CSS, разработчики могут определять стили для элементов, таких как текст, цвет, интервалы, макет и многое другое. Он позволяет точно управлять макетом и дизайном веб-страницы, создавая адаптивный дизайн, который может меняться в зависимости от размера экрана и устройства.
Кто использует CSS ?
CSS (Cascading Style Sheets) используются веб-разработчиками и дизайнерами для описания внешнего вида веб-страниц. Он используется для создания красивых и динамичных веб-страниц, создания адаптивного дизайна и для создания стилей для текста, цвета, интервалов, макета и многого другого. Он используется в сочетании с HTML и JavaScript для создания интерактивных и динамичных веб-страниц. В общем CSS используют все те, кто занимается разработкой и дизайном веб-сайтов.
Для чего используют CSS ?
CSS (Cascading Style Sheets) используются для описания внешнего вида веб-страниц. Они используются для создания красивых и динамичных веб-страниц, создания адаптивного дизайна и для создания стилей для текста, цвета, интервалов, макета и многого другого. Они позволяют разделить структуру и дизайн веб-страницы, что делает ее более гибкой и легкой для обслуживания. CSS используются для создания кроссбраузерных стилей, создания стилей для различных размеров экранов и устройств, создания анимации и интерактивных эффектов и многое другое.