Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Mastering CSS [Video]
CSS Foundations
The Course Overview (6:06)
The Anatomy of a Rule Set and the Three Types of Style Sheets (6:56)
The Box Model and Block versus Inline Elements (6:27)
Ramping Up
Text Editors (6:51)
CSS Reset (7:51)
Chrome Dev Tools (4:56)
Renaming Elements: Classes and IDs (6:32)
Descendant Selectors (5:54)
Creating a Page Layout with Floats
Floats Introduction – Flowing Text around Images (5:08)
Creating a Multicolumn Layout (5:39)
Solving the Problems of Floats (7:23)
Creating Buttons with Modular, Reusable CSS Classes, and CSS3
Creating Buttons with Modular CSS (5:17)
Multiple Classes (4:43)
Specificity Rules (7:41)
Transitions (6:44)
Transforms (7:01)
Styling a Call to Action Button (5:23)
Gradients (3:47)
Creating the Main Navigation and Drop
Starting the Navigation (6:46)
Using Pseudo Classes (5:43)
Absolute Positioning (5:20)
Building the Drop-down (7:43)
CSS Animations (Part 1) (6:19)
CSS Animations (Part 2) (7:46)
Finalizing the Navigation (7:17)
Becoming Responsive
Fluid Grid (11:13)
Flexible Images (8:18)
Media Queries (9:38)
Mobile Menu (10:54)
Viewport Meta Tag (3:23)
Web Fonts
The @font-face Property (4:17)
Font Kits and Font Services (6:24)
Google Web Fonts (4:37)
Subscription Font Foundries (6:14)
Icon Fonts (10:40)
The Workflow of HiDPI Devices
2x Images (6:03)
The JavaScript Approach (7:14)
1.5x Images (4:31)
Background Images (6:05)
SVG (10:08)
Wrapping Up
Next Steps (11:08)
Conclusion and Links (6:31)
Flexible Images
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock