CSS3 Essentials

with

In this course, Jeffrey Way covers the essentials and need-to-knows of CSS3. This means we'll review the basics, like border-radius and box-shadow, but we'll also work our way up to more advanced techniques, such as using animations to add flair to your designs.

Part of the WordPress Developer Launchpad bundle

Includes 6 courses: 30 Days to Your First Website Design, CSS3 Essentials, PHP Fundamentals, JavaScript Fundamentals, PSD to WordPress: Minimal Portfolio Theme, WordPress Plugin Development Essentials

Part of the Getting Started with CSS bundle

Includes 6 courses: CSS Tips & Tricks, CSS Terminology Decoded, CSS3 Essentials, Introduction to SMACSS, Less is More, Hands on: Design & Build a Coming Soon Page

1× speed

Free Preview: CSS3 Essentials

Introduction

00:53

1.Introduction
1 lesson, 00:53

Free Preview
1.1
Introduction
00:53

2.The Basics
9 lessons, 50:30

Free Preview
2.1
Border-Radius
04:53

2.2
Box-Shadow
06:32

2.3
Prefixr
03:11

2.4
Text-Shadow
03:43

2.5
Gradients
10:39

2.6
Columns
04:51

2.7
An Introduction to Media Queries
06:24

2.8
Transition Basics
04:44

2.9
Custom Fonts with @font-face
05:33

3.CSS Selectors
5 lessons, 22:25

3.1
Selector Basics
06:47

3.2
Adjacent Selectors
02:32

3.3
Sibling Combinators
02:23

3.4
Attribute Selectors
06:39

3.5
First-Line and First-Letter
04:04

4.Transformations
4 lessons, 43:54

4.1
Introduction to Transformations
03:50

4.2
Build a 3D Flipping Card
14:48

4.3
Advanced Shadows and CSS Counters
05:49

4.4
Sequential Animations and Image Captions
19:27

5.Advanced Topics and Projects
3 lessons, 41:27

5.1
Repeating Gradients and Shuffled Paper
16:35

5.2
Create a CSS-Only Slider (Part 1)
09:01

5.3
Create a CSS-Only Slider (Part 2)
15:51

6.Conclusion
1 lesson, 00:42

6.1
Conclusion
00:42


Preview for CSS3 Essentials
Lessons:
23
Length:
2.7 hours
Categories:
I used to be the editor of Nettuts+ and head of web development courses at Tuts+.
+ Expand Bio- Collapse Bio