arimlegiz / css3

Код учебного курса “CSS3” на YouTube-канале webDev (https://tinyurl.com/c52x3pna)

CSS3 Basics

Описание курса:

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

Поддержать развитие канала:

---

Используемые ресурсы и инструменты:

• Visual Studio Code (редактор кода)

Полезные курсы и видео:

• HTML5 Basics
• CSS Grid
• CSS Felxbox
• CSS Inspiration

Полезные ссылки:

• Can I Use
• Normalize CSS or CSS Reset?!
• Browser Internals
• Color Scheme
• Transition Timing Functions
• Cubic-Bezier animation tool
• Cursors collection
• JS & CSS Date pickers

---

Быстрый старт:

• Клонируйте репозиторий: git clone https://github.com/YauhenKavalchuk/css3-basics.git
• Перейдите в папку с проектом cd css3-basics
• Перейдите в нужную ветку соответствующую уроку:
  • git checkout lesson_01
  • git checkout lesson_02
  • git checkout lesson_10 и т.д.

---

Список уроков:

• #0 Введение (Introduction)
• #1 Базовый синтаксис и применение стилей (Base Syntax & CSS Applying)
• #2 Простые селекторы (Simple Selectors)
• #3 Составные селекторы (Composite Selectors)
• #4 Псевдоэлементы и псевдоклассы (Pseudo-elements & Pseudo-classes)
• #5 Каскадность и наследование (Cascading & Inheritance)
• #6 Блочная модель и отступы (Box Model, Padding & Margin)
• #7 Позиционирование и размеры (Positioning & Sizing)
• #8 Единицы, переполнение и уровни элементов (Units, Overflow & z-index)
• #9 Плавающие элементы и очистка потока (Floating Elements & Clearfix)
• #10 Шрифты и текст (CSS Font & Text styles)
• #11 Границы и тени (Borders & Shadows)
• #12 Скругление углов, списки и цвета (Border Radius, Lists & Colors)
• #13 Отображение элементов и вендорные префиксы (Display vs. Visibility, Vendor Prefixes)
• #14 Фон (Background)
• #15 Градиенты (Gradients)
• #16 Фильтры (Filters)
• #17 Трансформации (Transform)
• #18 Плавные переходы (Transition)
• #19 Анимации (Animations)
• #20 Таблицы и курсор (Tables & Cursor)
• #21 Текстовые эффекты и многоколоночный текст (Text Effects & Multi Columns Text)
• #22 Медиазапросы (Media queries)
• #23 Стилизация плейсхолдера и скролла, CSS-спрайты (Placeholder, Scrollbar & Sprites)

---

Связаться со мной: