- Overview
- Transcript
1.1 Introduction
In this introductory lesson we’ll take a look at the projects we’ll be making, along with the CSS3 techniques and principles you’ll be learning.
1.Introduction
1.1Introduction01:30
1.2The Project Process03:59
2.The Projects
2.1CSS3 Loading Animations15:59
2.2Make Ordinary Links Interesting15:07
2.3Engaging CSS3 Buttons12:40
2.4Equal Height Columns12:35
2.5Tooltips and Citations11:55
2.6Modals and Notification Bars14:57
2.7Animated CSS3 Tabs11:59
2.8CSS3 Menu Styles13:35
2.9Pure CSS “Anything” Slider12:25
2.10Rotatable 3D Cube15:26
3.Conclusion
3.1Conclusion01:18
4.Bonus Lessons
4.1CSS3 Carousel17:45
4.2CSS3 Flipbook17:59
4.3CSS3 Borders and Backgrounds09:36
4.4CSS3 Grid Image Gallery11:32
4.5CSS3 Fullscreen Image Gallery09:36
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.
Back to the top
