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.

Staff Pick

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

73 students are watching this class