The Basics of Web-Design Layout: Learn How To Describe Your Design With HTML & CSS - Skillshare

Warning: Skillshare uses Javascript for some of its core functionality. It is highly recommended that you turn on Javascript in your preferences and reload the page.

The Basics of Web-Design Layout: Learn How To Describe Your Design With HTML & CSS

Rich Armstrong, Product Designer

25 Videos (3h 9m)

- Why You Should Take This Class
  
  1:56
- HTML Box Theory
  
  2:30
- HTML & CSS Terminology
  
  1:59
- Box-model & Box-sizing
  
  3:26
- Margin, Padding & Border
  
  9:06
- Display Types, Default Styling & Overriding
  
  4:38
- Floating
  
  13:28
- Transform & Translate
  
  2:49
- Position Terminology
  
  1:09
- Static Positioning
  
  1:24
- Relative Positioning
  
  2:33
- Absolute Positioning
  
  10:12
- Depth & Z-Index
  
  2:47
- Fixed Positioning
  
  5:57
- The Calc Function
  
  4:10
- Sticky Positioning
  
  4:36
- Putting It All Together
  
  0:17
- Project: The Setup
  
  6:17
- Project: The HTML
  
  21:27
- Project: The Hero Banner CSS
  
  21:13
- Project: Sticky Nav & The Read More Section
  
  19:47
- Project: The Story Section
  
  20:08
- Project: The Popup
  
  23:30
- Share It With Others
  
  2:57
- The End
  
  0:32

38 students are watching this class