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