Introduction
  • Welcome to PSD to HTML5 & CSS3
Preparation
  • What we are building
  • What you need to start
  • Setting up our Folder Structure
  • Code Chunks
The PSD
  • Becoming Familiar with the Layout
  • Gathering Assets & Saving for Web
  • Photoshop Pop Quiz!
HTML
  • Coding an HTML5 Skeleton
  • Coding the "Header"
  • Coding the "Content Section"
  • Coding the "Footer"
  • HTML5 Pop Quiz!
CSS
  • Adding a Stylesheet to your Website
  • Normalize vs. Reset: What is the difference?
  • Global Styles & Typography
  • Layout: Styling the Navigation Bar
  • Layout: Styling the Header
  • Layout: Styling the "Content Section" — Part I
  • Layout: Styling the "Content Section" — Part II
  • Layout: Styling the Footer
  • CSS3 Pop Quiz!
Validation
  • Validating your HTML5
  • Validating your CSS3
  • Validation Pop Quiz!
Conclusion
  • Review
Brand New Bonus Lectures!
  • How to Buy Domain & Hosting for your Website
  • How to Code a CSS Sticky Footer