The Basics of Web-Design Layout: Learn How To Describe Your Design With HTML & CSS 
Rich Armstrong, Product Designer
-
-
1. Why You Should Take This Class
1:56 -
2. HTML Box Theory
2:30 -
3. HTML & CSS Terminology
1:59 -
4. Box-model & Box-sizing
3:26 -
5. Margin, Padding & Border
9:06 -
6. Display Types, Default Styling & Overriding
4:38 -
7. Floating
13:28 -
8. Transform & Translate
2:49 -
9. Position Terminology
1:09 -
10. Static Positioning
1:24 -
11. Relative Positioning
2:33 -
12. Absolute Positioning
10:12 -
13. Depth & Z-Index
2:47 -
14. Fixed Positioning
5:57 -
15. The Calc Function
4:10 -
16. Sticky Positioning
4:36 -
17. Putting It All Together
0:17 -
18. Project: The Setup
6:17 -
19. Project: The HTML
21:27 -
20. Project: The Hero Banner CSS
21:13 -
21. Project: Sticky Nav & The Read More Section
19:47 -
22. Project: The Story Section
20:08 -
23. Project: The Popup
23:30 -
24. Share It With Others
2:57 -
25. The End
0:32
-
