Видеокурсы по CSS от egghead.io - Смотреть онлайн

Стилизируем приложения от начала до конца

Style an Application from Start to Finish

Просмотр фрагментов CSS - отличный способ научиться использовать его, но некоторые детали могут провалиться. Этот курс демонстрирует процесс стилизации приложения от начала до конца.

0 ч 41 мин 22 сек

English

egghead

Премиум

Посмотреть

Конвертируйте SCSS (Sass) в CSS-in-JS

Convert SCSS (Sass) to CSS-in-JS

CSS использует глобальное пространство имен для селекторов CSS, которое может легко привести к конфликтам стилей во всем приложении при создании приложения с использованием современных веб-компонентов. Вы можете избежать этой проблемы, вложив CSS-селекторы или используя соглашение по стилю, такое как BEM, но это быстро усложняется и не масштабируется.

0 ч 23 мин 59 сек

English

egghead

Премиум

Посмотреть

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

CSS Selectors in Depth

Селекторы CSS - это клей, который связывает стили с HTML-контентом. Понимание того, как они работают, позволяет разработчику писать больше семантической разметки и сохраняет модульность стилей для лучшего сопровождения проекта.

0 ч 34 мин 40 сек

English

egghead

Премиум

Посмотреть

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

Create Amazing Animations with GreenSock

Анимации привлекают внимание и повышают уровень вовлеченности ваших пользователей. Но их нелегко настроить, и они не всегда выглядят так, как должны в каждом браузере. Greensock - лучшая платформа для создания производительных анимаций с широкими возможностями настройки. Этот курс познакомит вас с возможностями Greensock.

0 ч 24 мин 40 сек

English

egghead

Премиум

Посмотреть

Build User Interfaces by Composing CSS Utility Classes with Tailwind

Создание вашего веб-приложения с полностью настраиваемым дизайном - непростая задача. Если вы не являетесь экспертом по CSS, применение стиля дизайна к вашей разметке может потреблять долгие часы когда вы пытаетесь настроить пиксели, выравнивать элементы и тд.

0 ч 21 мин 55 сек

English

egghead

Премиум

Посмотреть

Построение сложных макетов c CSS Grid

Build Complex Layouts with CSS Grid Layout

В этом курсе мы узнаем о CSS Grid Layout. Grid - это функция CSS, доступная в современных браузерах.CSS Grid layout - это двумерный метод макета, который дает вам контроль над элементами как в строках, так и в столбцах. В этом курсе мы рассмотрим несколько способов разделить страницу на основные регионы с контролем размера, положения и слоя.Мы обсудим все функции, которые предлагает нам Grid, и как мы можем применять эти функции к реальным препят

0 ч 42 мин 44 сек

English

egghead

Премиум

Посмотреть

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

Reuse Flexbox Styles With A Sass Mixin

Этот урок охватывает flexbox, который должен охватывать большинство ситуаций размещения на вашем сайте. С переменными и стандартными значениями по умолчанию этот mixin будет охватывать большинство проблем выравнивания и заменять необходимость в таблицах на все время. Нужна колонка с каждым элементом, равномерно распределенным, но начинающим выравнивание сверху? Нет проблем! Как насчет строки с элементами, равномерно распределенными, а также равны

0 ч 4 мин 55 сек

English

egghead

Премиум

Посмотреть

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

Create an Animated Hamburger using HTML5 and CSS3

Мы создадим интересный анимированный гамбургер, который можно будет использовать на веб-сайтах. В этом процессе мы рассмотрим transitions и transformations в CSS3.

0 ч 3 мин 2 сек

English

egghead

Премиум

Посмотреть

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

Learn the Best and Most Useful SCSS

Вы когда-нибудь хотели получить доступ к условностям или итерации при написании стилей? Как здорово было бы использовать функции для написания стилей? SCSS имеет это и многое другое! SCSS - это надстройка CSS. Любой допустимый CSS - это SCSS, они даже имеют одинаковый синтаксис. SCSS заимствует функции с других языков для написания умных, многоразовых и более читаемых стилей. Этот курс будет посвящен тому, как использовать более полезные функции

0 ч 39 мин 56 сек

English

egghead

Премиум

Посмотреть

Продвинутые CSS Layout техники

Advanced CSS Layout Techniques

CSS Layout полностью разочаровывает. Скорее всего вы столкнетесь с борьбой с CSS в течение нескольких часов, а может и дней, на проблемном макета, который сначала казался простым, но оказался безумно сложным. В этом курсе вы познакомитесь с некоторыми передовыми методами CSS, которые покажут вам, как решать реальные проблемы, с которыми вы, вероятно, столкнетесь в своих приложениях. Мы рассмотрим некоторые из менее известных функций CSS, поэто

0 ч 14 мин 7 сек

English

egghead

Премиум

Посмотреть