Designcode – CSS Layout and Animations Free Download

Designcode – CSS Layout and Animations Free Download

CSS Layout and Animations

9 SECTIONS – 5 HOURS OF VIDEO

Build out a UI prototype in CodePen using CSS Grid and Flexbox. Learn how to bring life to your UI by adding CSS transforms and transformations. We will dive even more in to CSS animations with the CSS animation property and keyframes rule. We’ll wrap it all up by making our prototype responsive and checking out even more cool features on CodePen.

In this video, we will take a look at how to set up a free CodePen account. We’ll explore the site a little and see what CodePen has to offer. Then, we will create our first Pen so we can get started laying out our design with Grid and Flexbox.

This course is focused on CSS Layout and Animations. Today I want to show you how you can layout challenging designs simply with CSS grid and Flexbox. We will also focus on creating engaging UI by adding CSS animations. We are going to use CodePen to layout portions of the design for a site called Letter.

Designcode – CSS Layout and Animations Free Download

Please read FAQ if you need basic help.