Show Sidebar
Autoplay
Autocomplete
Previous Lesson
Complete and Continue
The Ultimate HTML5 & CSS3 Series: Part 2
Getting Started (3m)
1- Introduction (1:03)
2- Prerequisites (0:48)
3- How to Take this Course (1:08)
4- Getting Help
5- Follow Me Around
6- Learning Paths
Layout (94m)
1- Introduction (0:45)
2- The Box Model (6:02)
3- Sizing Elements (8:20)
4- Overflowing (3:03)
5- Measurement Units (10:59)
6- Positioning (9:45)
7- Floating Elements (9:33)
8- FlexBox (14:59)
9- Grid (19:03)
10- Hiding Elements (1:24)
11- Media Queries (10:06)
12- Summary
13- Exercises
Typography (56m)
1- Introduction (0:44)
2- Styling Fonts (7:38)
3- Embedding Web Fonts (7:39)
4- Flash of Unstyled Text (6:45)
5- Font Services (8:22)
6- System Font Stack (2:47)
7- Sizing Fonts (7:23)
8- Vertical Spacing (4:44)
9- Horizontal Spacing (3:16)
10- Formatting Text (6:15)
11- Summary
12- Exercises
13- A Quick Note
Images (60m)
1- Introduction (1:13)
2- Image Types and Formats (3:50)
3- Content Images (3:40)
4- Background Images (7:02)
5- CSS Sprites (7:24)
6- Data URLs (3:40)
7- Clipping (1:51)
8- Filters (2:16)
9- Supporting High-density Screens (8:14)
10- Resolution Switching (7:01)
11- Using Modern Image Formats (4:29)
12- Art Direction (2:33)
13- Scalable Vector Graphics (2:16)
14- Font Icons (5:19)
15- Summary
16- Exercises
Forms (55m)
1- Introduction (0:40)
2- Creating a Basic Form (3:50)
3- Styling Forms (8:44)
4- CSS Frameworks (8:46)
5- Text Fields (5:47)
6- Data Lists (4:45)
7- Drop-down Lists (3:07)
8- Check Boxes (2:57)
9- Radio Buttons (1:58)
10- Sliders (0:55)
11- File Inputs (1:20)
12- Grouping Related Fields (1:09)
13- Hidden Fields (1:37)
14- Data Validation (3:33)
15- Submitting the Form (5:55)
16- Summary
17- Exercises
Transformations, Transitions, and Animations (20m)
1- Introduction (0:24)
2- Transformations (4:10)
3- 3D Transformations (5:39)
4- Transitions (3:23)
5- Animations (5:05)
6- Reusable Animations (2:19)
7- Summary
8- Exercises
Writing Clean, Maintainable CSS
1- Introduction (0:50)
2- CSS Best Practices (9:20)
3- Variables (2:17)
4- Object-oriented CSS (5:06)
5- BEM (4:12)
6- Summary
7- What's Next (0:30)
8- A Quick Note
2- The Box Model
Download
Complete and Continue