Getting Started
  • Intro To The First Site
  • This Guide Will Be Your Course Friend
  • Tips For Course
  • Hello World
  • An HTML Document
  • HTML Basics
  • Practicing Your HTML
  • Let's Bootstrap
Your First Site: Getting Your Feet Wet With HTML And CSS
  • Editing The Navbar
  • What The Div?!
  • Quick Review
  • Your First CSS Rule
  • More CSS Fun
  • Get Your Font On
  • Making Fonts Look Good
  • The Box Model
  • Bringin' In The Images
  • Quick Review
Your First Site: Rounding Out Your Skills With The Bottom Section
  • The Grid System
  • Linking It Up
  • Quick Review
  • BONUS SECTION: Google Forms
  • Font Awesome Is Awesome
  • Playing With Spans
  • Styling The Get Involved Section
  • Centering Block Elements
  • The Benefits Of Using Classes
  • Hello Hover
  • Beautification Through Background Colors
  • All About IDs
  • Quick Review
  • Finishing Off With The Footer
  • Responsiveness: Making Your Site Look Good On All Devices
Your First Site: Getting Your Site On The Web For The World To See
  • Getting Your Site Live Online With Forge
  • Getting Your Site Live With Github
  • How To Get Free Hosting And Use Your Custom Domain Name
  • What's Next?
Your First Site: Adding Goodies With Advanced HTML, CSS, & Some Bonus Javascript
  • BONUS: Scrollspy Magic
  • BONUS: Smooth Scrolling
  • Fixed Positioning
  • Absolute And Relative Positioning
  • Modal Magic
  • iFrame, You Frame, We All Frame
  • Quick Review
  • YouTube Videos
  • Centering Absolute Elements
  • The Z-Index
  • Quick Review
  • BONUS: Making Money With Gumroad
  • BONUS: Grabbing Email Addresses With Mailchimp
  • All About Forms
  • Styling Forms
Building A Blog Template
  • Lets Get Started
  • Setting Up The Blog
  • Advanced Styling Of Fonts With CSS
  • Child Pseudo-Elements
  • More Pseudo Selectors
  • Styling Our Blog Posts
  • Subscribe Box
  • Mailchimp Revisited
  • BONUS: Advanced Mailchimp Shenanigans
  • Styling Lists
  • Revisit Responsiveness And Edit Footer
  • BONUS: Jedi Tools For Increasing Signups And Shares
Building A Blog Template: Advanced HTML And CSS Topics
  • Share Buttons And Vertical Alignment
  • Social Meta Tags
  • SEO
  • Offsetting Columns
  • Let's Float
  • Sticky Footer
  • Deep Dive Into Floats And Divs
  • Styling Columns Of Divs
  • Nested Columns
  • Setting Up A Landing Page
  • Background Properties
  • Finishing Up
Building A Full-Width Magazine Layout
  • Let's Get Started
  • Recreating A Jumbotron Section
  • Background Opacity And Text Shadows
  • Importing Fonts From Your Computer
  • Static Navbars
  • Finishing Up The Navbar
  • Fluid Containers
  • Linking Divs
  • Finishing Up With The Footer
  • Revisiting Responsive Design
  • What's Next?