CSS Layout и Анимации

Создание прототипов с помощью CSS Grid, Flexbox и CSS-анимации в CodePen. Этот курс посвящен CSS Layout и анимации. Сегодня я хочу показать вам, как вы можете создавать сложные проекты с помощью CSS Grid и Flexbox. Мы также сосредоточимся на создании привлекательного пользовательского интерфейса путем добавления CSS анимаций.

Почему этот курс?

Человеческий мозг запрограммирован обращать внимание на движущиеся объекты. Анимация повсюду в сети. От тонких переходов кнопок к полному рассказу истории онлайн. В этом курсе мы создадим этот прототип пользовательского интерфейса

Я помогу вам изучить основы CSS-трансформаций и анимации. В другом курсе мы будем использовать тот же макет, но я расскажу о более сложных анимациях с библиотекой анимации JavaScript GSAP. Чтобы получить максимальную отдачу от этого курса, полезно иметь некоторые знания CSS и HTML.

Коллекция Codepen для этого курса:

Мы будем использовать эту коллекцию на протяжении всего курса. 

Почему CodePen?

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