Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Lessons:18Length:3.5 hours

Next lesson playing in 5 seconds


Free Preview: 10 CSS3 Projects: UI and Layout


  • Overview
  • Transcript

In this course you’ll be creating ten UI and layout projects that will help you learn some of the awesome new design techniques that CSS3 brings to the table. We’re going to be using CodePen–each time I’ll ask you to make a copy of the base “pen”, after which you can follow along as I build the final product. Let’s start with a little preview of the ten projects you’ll make.

Learn CSS: The Complete Guide

We've built a complete guide to help you learn CSS, whether you're just getting started with the basics or you want to explore more advanced CSS.

1. Introduction

1.1 Introduction

CSS3 is something that web designers hear about every other day. But when CSS3 refers to dozens of properties that can be applied in many different ways, how can you come to understand it all in a meaningful way? Learning the syntax of the latest CSS is part of the equation. But what you also need is the ability to get hands on, and see how you can actually apply CSS3 in a practical way. When you finish this course, you'll have personally built ten complete CSS3 powered projects. You'll learn how to add new life into UI elements that always used to be mundane and run-of-the-mill. You'll learn tricks to handle managing layouts in fresh new ways. And you'll discover how to create several different types of UI elements that always used to depend on JavaScript. In the process, you'll have learned to work with animation, transitions, flexbox, pseudo-elements, new types of selectors, 2D transforms, 3D transforms, and much, much more. So let's jump in and get started building your first project in ten CSS3 UI and layout projects.