Donate Sign in

Видеокурсы для CSS разработчиков

CSS
CSS (Cascading Style Sheets) - формальный язык, который применяют для быстрой стилизации HTML веб-страницы. С его помощью вы можете стилизировать почти любой элемент HTML разметки, просто подключая css файл к странице. Используя css селекторы, вы можете выбирать любой элемент и задавать ему нужные параметры для отобрежения (цвет, шрифт, размер, позиция и тд.) В интернете много шуток по поводу работы с CSS, но ничего сложного в нем нет. В современной разработке используют препроцессоры CSS - Sass, less, Stylus. Смысл в их использовании - лучшая читабельность кода и повышеная производительность.
All Все Angular TypeScript HTML CSS JavaScript Vue JQuery React.js AngularJS Ember Next.js Elm Svelte

Доступные курсы

CSS - Полное руководство (включая Flexbox, Grid и Sass)

CSS - Полное руководство (включая Flexbox, Grid и Sass)

CSS - The Complete Guide (incl. Flexbox, Grid & Sass)
Изучите CSS в первый раз или поднимите свои навыки CSS и погрузитесь еще глубже. КАЖДЫЙ веб-разработчик должен знать CSS.CSS - сокращение от Cascading Style Sheets - это «язык программирования», который вы используете, чтобы превратить ваши необработанные HTML-страницы в настоящие красивые веб-сайты.Этот курс охватывает все это - мы начинаем с самых основ (что такое CSS?) Как это работает? Как вы его используете? и постепенно...
20:46:03
265 lessons
Ангельский
Free
CSS - Полное руководство (включая Flexbox, Grid и Sass)
Голосов:
66 | 66/0
Язык:
Ангельский
Источник:
Дата добавления:
08/05/2018
Дата выхода:
09/05/2018
Фреймворк Bootstrap 4: Руководство по адаптивной верстке

Фреймворк Bootstrap 4: Руководство по адаптивной верстке

Фреймворк Bootstrap 4: Руководство по адаптивной верстке
Bootstrap — самый популярный в мире на сегодняшний день HTML-, CSS- и JavaScript-фреймворк для верстки адаптивных, кроссбраузерных, веб-страниц и веб-проектов. Bootstrap помогает при верстке страниц, упрощает и ускоряет ее. Фреймворк состоит из множества различных компонентов, которые «собирают» веб-страницу: форм, кнопок, навигации, сетки блоков и так далее.
48:15:52
177 lessons
Русский
Free
Фреймворк Bootstrap 4: Руководство по адаптивной верстке
Голосов:
11 | 9/2
Язык:
Русский
Источник:
Дата добавления:
28/03/2019
Дата выхода:
26/03/2019
Продвинутая вёрстка (SmartGrid 2019)

Продвинутая вёрстка (SmartGrid 2019)

Продвинутая вёрстка
Трёхнедельный онлайн курс от Дмитрия Лаврика. Бесит адаптивная вёрстка? Или мучаешься с bootstrap? Тебе помогут: css3, calc, less, scss, npm, gulp, autoprefixer и новая супер сетка!
13:15:09
12 lessons
Русский
Free
Продвинутая вёрстка (SmartGrid 2019)
Голосов:
27 | 25/2
Язык:
Русский
Источник:
Дата добавления:
17/05/2019
Дата выхода:
01/05/2019
Технология CSS Grid. Руководство по адаптивной верстке

Технология CSS Grid. Руководство по адаптивной верстке

Технология CSS Grid. Руководство по адаптивной верстке
Верстка — это создание веб-страниц с помощью специальных языков. Верстка — это также интересная, постоянно меняющаяся область деятельности в создании сайтов. Это процесс перевода макета сайта, созданного дизайнером в графической программе, в HTML-страницу. При этом используются специальные языки, которые для этого предназначены: HTML, CSS, JavaScript. Соответственно, верстальщик — это человек, который занимается кодированием...
13:06:06
52 lessons
Русский
Free
Технология CSS Grid. Руководство по адаптивной верстке
Голосов:
38 | 36/2
Язык:
Русский
Источник:
Дата добавления:
31/05/2019
Дата выхода:
29/05/2019
Веб-дизайн для начинающих: Создаем реальные проектыв в HTML и CSS

Веб-дизайн для начинающих: Создаем реальные проектыв в HTML и CSS

Web Design for Beginners: Real World Coding in HTML & CSS
Начните карьеру веб-дизайнера, изучив HTML5, CSS3, адаптивный дизайн, Sass, совместимость с различными устройствами и многое другое!
09:03:09
59 lessons
Ангельский
Премиум
Веб-дизайн для начинающих: Создаем реальные проектыв в HTML и CSS
Голосов:
2 | 2/0
Язык:
Ангельский
Источник:
Дата добавления:
11/09/2019
Дата выхода:
16/11/2017
CSS в глубине - v3

CSS в глубине - v3

CSS In-Depth, v3
С новыми функциями и новым синтаксисом для ежедневного изучения CSS может стать проблемой. Тем не менее, сила CSS стоит этой боли. Понимая, как правильно использовать CSS, и зная большинство основных моментов CSS, вы можете сократить время разработки, сократить расходы на обслуживание, а также улучшить SEO, доступность и производительность сайта. На этом очном или интерактивном четырехдневном семинаре вы узнаете о возможностях CSS, в том числе о...
30:03:13
4 lessons
Ангельский
Премиум
CSS в глубине - v3
Голосов:
5 | 5/0
Язык:
Ангельский
Источник:
Дата добавления:
25/08/2019
Дата выхода:
22/08/2019
Продвинутые CCS Макеты

Продвинутые CCS Макеты

Advanced CSS Layouts
Мы начнем с краткого обзора использования Flexbox для создания сложной веб-страницы. Мы рассмотрим, как решить, как писать макет на основе скриншотов желаемого результата. Мы также создадим кнопку гамбургера для нашей навигации с использованием только CSS-подхода - JavaScript не требуется.
06:57:00
1 lesson
Ангельский
Премиум
Продвинутые CCS Макеты
Голосов:
7 | 6/1
Язык:
Ангельский
Источник:
Дата добавления:
17/08/2019
Дата выхода:
16/08/2019
Введение в маскирование текста в вебе

Введение в маскирование текста в вебе

Introduction to Text Masking on the Web
Маскировка текста (также известная как «выбиваемый текст») - это метод, который позволяет нам отображать изображения, градиенты, шаблоны и даже видео в форме фрагмента текста. Есть несколько способов достижения этого эффекта, и за этот короткий курс вы изучите пять из них.
00:30:56
6 lessons
Ангельский
Премиум
Введение в маскирование текста в вебе
Голосов:
5 | 5/0
Язык:
Ангельский
Источник:
Дата добавления:
01/07/2019
Дата выхода:
26/04/2019
Начало работы с Multi-Column разметкой CSS

Начало работы с Multi-Column разметкой CSS

Getting Started With CSS Multi-Column Layout
Когда дело доходит до создания макетов в CSS, чаще всего мы используем float, Flexbox или CSS Grid Layout. Но есть еще один метод верстки, который пока не используется, а именно «многоколоночный».
00:32:51
6 lessons
Ангельский
Премиум
Начало работы с Multi-Column разметкой CSS
Голосов:
1 | 1/0
Язык:
Ангельский
Источник:
Дата добавления:
30/06/2019
Дата выхода:
26/03/2019
CSS Layout и Анимации

CSS Layout и Анимации

CSS Layout and Animations
Создание прототипов с помощью CSS Grid, Flexbox и CSS-анимации в CodePen. Этот курс посвящен CSS Layout и анимации. Сегодня я хочу показать вам, как вы можете создавать сложные проекты с помощью CSS Grid и Flexbox. Мы также сосредоточимся на создании привлекательного пользовательского интерфейса путем добавления CSS анимаций.
02:07:29
9 lessons
Ангельский
Премиум
CSS Layout и Анимации
Голосов:
12 | 12/0
Язык:
Ангельский
Источник:
Дата добавления:
23/06/2019
CSS-селекторы в глубине

CSS-селекторы в глубине

CSS Selectors in Depth
Селекторы CSS - это клей, который связывает стили с HTML-контентом. Понимание того, как они работают, позволяет разработчику писать больше семантической разметки и сохраняет модульность стилей для лучшего сопровождения проекта.
00:34:40
8 lessons
Ангельский
Премиум
CSS-селекторы в глубине
Голосов:
5 | 5/0
Язык:
Ангельский
Источник:
Дата добавления:
20/06/2019
Технология CSS Grid. Руководство по адаптивной верстке

Технология CSS Grid. Руководство по адаптивной верстке

Технология CSS Grid. Руководство по адаптивной верстке
Верстка — это создание веб-страниц с помощью специальных языков. Верстка — это также интересная, постоянно меняющаяся область деятельности в создании сайтов. Это процесс перевода макета сайта, созданного дизайнером в графической программе, в HTML-страницу. При этом используются специальные языки, которые для этого предназначены: HTML, CSS, JavaScript. Соответственно, верстальщик — это человек, который занимается кодированием...
13:06:06
52 lessons
Русский
Free
Технология CSS Grid. Руководство по адаптивной верстке
Голосов:
38 | 36/2
Язык:
Русский
Источник:
Дата добавления:
31/05/2019
Дата выхода:
29/05/2019
Продвинутая вёрстка (SmartGrid 2019)

Продвинутая вёрстка (SmartGrid 2019)

Продвинутая вёрстка
Трёхнедельный онлайн курс от Дмитрия Лаврика. Бесит адаптивная вёрстка? Или мучаешься с bootstrap? Тебе помогут: css3, calc, less, scss, npm, gulp, autoprefixer и новая супер сетка!
13:15:09
12 lessons
Русский
Free
Продвинутая вёрстка (SmartGrid 2019)
Голосов:
27 | 25/2
Язык:
Русский
Источник:
Дата добавления:
17/05/2019
Дата выхода:
01/05/2019
Создавайте удивительные анимации с GreenSock

Создавайте удивительные анимации с GreenSock

Create Amazing Animations with GreenSock
Анимации привлекают внимание и повышают уровень вовлеченности ваших пользователей. Но их нелегко настроить, и они не всегда выглядят так, как должны в каждом браузере. Greensock - лучшая платформа для создания производительных анимаций с широкими возможностями настройки. Этот курс познакомит вас с возможностями Greensock.
00:24:40
13 lessons
Ангельский
Премиум
Создавайте удивительные анимации с GreenSock
Голосов:
5 | 5/0
Язык:
Ангельский
Источник:
Дата добавления:
07/05/2019