Создание веб-интерфейсов с помощью HTML и CSS. Продвинутый уровень

Знакомство с HTML5

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

Формы и HTML5

В этом курсе вы научитесь создавать продвинутые формы, используя новые возможности HTML5. Мы познакомимся с новыми типами полей для ввода дат, цветов, чисел и адресов сайтов. Также рассмотрим такие возможности как автофокус, подсказки, средства валидации и многие другие.

Игра теней

В этом курсе вы научитесь создавать тени с помощью CSS. Мы по косточкам разберем свойство box-shadow, научимся использовать множественные тени, а также изучим некоторые продвинутые приёмы работы с тенями.

Селекторы. Часть 2

В этом курсе мы рассмотрим много продвинутых селекторов, таких как :nth-last-of-type или :only-child. Также научимся использовать псевдоэлементы, такие как :before и :after.

Селекторы. Часть 3

В этом курсе мы рассмотрим продвинутые селекторы, умеющие искать элементы по подстрокам в атрибутах, а также огромное количество селекторов для стилизации элементов форм, таких как :required, :optional или :checked.

Линейные градиенты

В этом курсе вы узнаете, что такое линейные градиенты и как их можно использовать для создания интересных декоративных эффектов. Мы разберём синтаксис функции linear-gradient, некоторые интересные приёмы, попрактикуемся создавать сложные орнаменты с помощью градиентов.

Двумерные трансформации

Будем крутить, наклонять, перемещать, уменьшать и увеличивать объекты, а также взрывать их фаерболами, телепортироваться и использовать телекинез. Ну и, конечно, разберём крутые приёмы использования трансформаций для создания декоративных эффектов.

Мастерская: декоративные эффекты на HTML5 и CSS3

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

Оформление текста с помощью CSS. Часть 2

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

Анимация

В курсе рассмотрены основы анимации на CSS. Вам предстоит пройти путь развития цивилизации и покорить космический простор. Вы будете двигать, поворачивать и видоизменять объекты, попутно осваивая приёмы работы анимации в CSS.

Плавные переходы

В этом курсе вы научитесь плавно менять CSS-свойства, будете создавать красивые и функциональные элементы форм в стиле Material Design и построите мини-викторину об HTML и CSS.

Таблицы на CSS

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

Рамки и фоны, часть 2

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

Кекстаграм: Начало. CSS-фильтры

В курсе вы станете мастером фильтров в CSS: разберётесь, как применять фильтры к разным элементам, а также комбинировать и анимировать их.

Кекстаграм: Эпилог. JavaScript

В сиквеле курса «Кекстаграм» вам предстоит запрограммировать небольшое фотоприложение с фильтрами на JavaScript.

Флексбокс, часть 1

В курсе рассмотрены основы нового механизма «гибкой» раскладки — флексбокса. Сначала вы потренируетесь «на котиках» направлять оси флекс-контейнера, выравнивать и переносить флекс-элементы, а затем научитесь простому применению флексбокса в реальных интерфейсах.