CSS - Бесплатные курсы - страница 5

Главная страницаБесплатные курсыСтраница 5

Бесплатные курсы - CSS

Изображение курса Materialize CSS с нуля + 5 проектов в курсе

udemy

Brad Traversy

20 февр. 2018 г., 20:40

CSS

Materialize CSS с нуля + 5 проектов в курсе

Materialize CSS From Scratch With 5 Projects

Освойте Materialize CSS с нуля и создайте настоящие интерфейсы в стиле Material Design. В этом курсе вы шаг за шагом изучите все ключевые компоненты фреймворка, разберётесь со структурой разметки, анимациями и JavaScript‑виджетами, параллельно создавая 5 полноценных, полностью адаптивных проектов.Что представляет собой этот курсКурс построен по принципу практического погружения: каждая тема сразу закрепляется в реальной верстке. Вы не просто и

+27

webformyself

7 февр. 2018 г., 20:55

CSS

Фреймворк Bootstrap 4

Bootstrap 4 принес в веб-разработку обновлённую систему сеток, улучшенную типографику и множество удобных UI-компонентов. Этот курс поможет вам быстро освоить фреймворк, понять его принципы и научиться создавать адаптивные интерфейсы профессионального уровня.Что вы изучите в курсе по Bootstrap 4Курс охватывает ключевые возможности Bootstrap 4 и учит применять их на практике для создания современного адаптивного фронтенда.Основы фреймворка

+107

webformyself

25 янв. 2018 г., 01:21

CSS

Эффекты Parallax

Эффект параллакса — это современный визуальный прием, создающий ощущение глубины и движения за счет разной скорости прокрутки элементов. Благодаря сочетанию эстетики и интерактивности он стал одним из самых популярных инструментов веб-дизайна для повышения вовлеченности пользователей и улучшения визуального восприятия сайтов.Что такое параллакс в веб-дизайне?Параллакс в веб-дизайне представляет собой прием, при котором фоновая и передняя части

+41

Wes Bos

19 янв. 2018 г., 00:29

CSS

Изучаем CSS GRID

Learn CSS GRID

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

+75

webformyself

17 янв. 2018 г., 22:31

CSS

CSS генераторы кода

CSS‑генераторы кода позволяют быстро создавать сложные визуальные эффекты, не тратя время на ручной набор длинных и часто однообразных свойств. Этот курс поможет вам понять, как правильно использовать генераторы, чтобы ускорить работу, избежать ошибок и повысить качество верстки.Что такое CSS‑генераторы и зачем они нужныCSS 3 открыл огромные возможности для работы с графикой: тени, градиенты, трансформации, анимации и многое другое. Но чем сло

Изображение курса Повторное использование стилей Flexbox с помощью миксинов Sass

egghead

5 янв. 2018 г., 13:12

CSS

Повторное использование стилей Flexbox с помощью миксинов Sass

Reuse Flexbox Styles With A Sass Mixin

Повторное использование стилей Flexbox с помощью миксинов Sass — это практичный подход, позволяющий ускорить верстку, стандартизировать макеты и избежать повторяющегося кода. В этом материале вы узнаете, как создать универсальный mixin для гибкого управления направлением, выравниванием и распределением элементов на странице.Зачем использовать Flexbox с миксинами SassFlexbox сам по себе очень мощен, но его свойства часто приходится прописывать

Изображение курса Создайте анимированный Hamburger, используя HTML5 и CSS3

egghead

5 янв. 2018 г., 13:08

CSS

Создайте анимированный Hamburger, используя HTML5 и CSS3

Create an Animated Hamburger using HTML5 and CSS3

В этом кратком руководстве мы создадим стильный и аккуратный анимированный иконку‑гамбургер с помощью HTML5 и CSS3. Такой элемент отлично подходит для мобильных меню, адаптивной навигации и современных интерфейсов.Что мы создадимВы научитесь превращать стандартную иконку меню из трёх полосок в динамичную анимацию, которая плавно трансформируется в кнопку закрытия. В процессе мы разберём принципы оптимального использования CSS transitions и tra

Изображение курса Все лучшее и самое полезное о SCSS

egghead

5 янв. 2018 г., 12:57

CSS

Все лучшее и самое полезное о SCSS

Learn the Best and Most Useful SCSS

SCSS — мощное расширение CSS, которое открывает доступ к переменным, функциям, миксинам, условиям и циклам. Этот курс поможет вам понять, как использовать эти возможности эффективно, чтобы ускорить разработку и улучшить качество стилей.Что такое SCSS и почему он важенSCSS позволяет писать более гибкий, поддерживаемый и компактный код. Это надстройка над CSS, сохранившая его синтаксис, поэтому вы можете начать использовать SCSS практически сраз

+19

frontendmasters

16 дек. 2017 г., 23:04

CSS

CSS в глубине - v2

CSS In-Depth, v2

CSS — это не просто инструмент стилизации, а фундамент современной фронтенд‑разработки. Глубокое понимание его возможностей помогает ускорить работу, повысить производительность сайта, улучшить UX и избежать типичных проблем при масштабировании проекта. Этот материал поможет сделать курс ещё ценнее для студентов и поисковых систем.Что дает изучение CSS в 2024–2025 годахCSS продолжает активно развиваться, и современные методики позволяют создав

+20

Удален по просьбе правообладателя

ihatetomatoes

15 дек. 2017 г., 01:06

CSS

Skrollr Workshop

Skrollr Workshop — это практический курс, который поможет вам освоить создание плавных анимаций при прокрутке с использованием SVG и построить современный одностраничный сайт с эффектными визуальными переходами. Подходит как новичкам, так и дизайнерам, которые хотят уверенно работать с анимацией и скролл‑эффектами.Описание курсаНа занятиях вы шаг за шагом разберёте принципы работы Skrollr, создадите собственную анимацию SVG и примените её в ре

+12