Autoplay
Autocomplete
Previous Lecture
Complete and Continue
Maker-Based HTML5 & CSS3
Getting Started
Intro To The First Site (1:43)
This Guide Will Be Your Course Friend
Tips For Course (3:23)
Hello World (3:59)
An HTML Document (7:29)
HTML Basics
Quick Review and Bonus Material
Let's Bootstrap (8:44)
Your First Site: Getting Your Feet Wet With HTML And CSS
Editing The Navbar (9:06)
What The Div?! (7:41)
Review Challenge 2
Your First CSS Rule (6:07)
More CSS Fun (10:34)
Get Your Font On (4:55)
Review Challenge 3
Making Fonts Look Good
Review Challenge 4 and Bonus Material
The Box Model (9:21)
Bringin' In The Images (12:10)
Your First Site: Rounding Out Your Skills With The Bottom Section
The Grid System (7:07)
Linking It Up (5:20)
BONUS SECTION: Google Forms (3:24)
Font Awesome Is Awesome (9:02)
Playing With Spans (2:50)
Styling The Get Involved Section (12:50)
Centering Block Elements (6:11)
The Benefits Of Using Classes (4:16)
Hello Hover (2:57)
Beautification Through Background Colors (6:57)
All About IDs (7:44)
Finishing Off With The Footer (3:32)
Responsiveness: Making Your Site Look Good On All Devices (17:29)
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 (9:23)
How To Get Free Hosting And Use Your Custom Domain Name (7:30)
First Project: Building Your Own Landing Page
Designing Your Page
Coding And Submiting Your Page
Your First Site: Adding Goodies With Advanced HTML, CSS, & Some Bonus Javascript
What's Next? (1:27)
BONUS: Scrollspy Magic (10:24)
BONUS: Smooth Scrolling (13:11)
Fixed Positioning (9:42)
Absolute And Relative Positioning (3:26)
Modal Magic (3:11)
iFrame, You Frame, We All Frame (11:37)
YouTube Videos (3:43)
Centering Absolute Elements (9:13)
The Z-Index (4:44)
BONUS: Making Money With Gumroad (8:40)
BONUS: Grabbing Email Addresses With Mailchimp (5:12)
All About Forms (12:54)
Styling Forms (12:56)
Building A Blog Template
Lets Get Started (4:56)
Setting Up The Blog (7:36)
Advanced Styling Of Fonts With CSS (8:29)
Child Pseudo-Elements (15:27)
More Pseudo Selectors (12:49)
Styling Our Blog Posts (19:10)
Subscribe Box (20:06)
Mailchimp Revisited (6:55)
BONUS: Advanced Mailchimp Shenanigans (10:03)
Styling Lists (18:04)
Revisit Responsiveness And Edit Footer (5:32)
BONUS: Jedi Tools For Increasing Signups And Shares (7:17)
Building A Blog Template: Advanced HTML And CSS Topics
Share Buttons And Vertical Alignment (14:29)
Social Meta Tags (6:48)
SEO (4:30)
Offsetting Columns (7:08)
Let's Float (14:11)
Sticky Footer (4:07)
Deep Dive Into Floats And Divs (14:50)
Styling Columns Of Divs (13:01)
Nested Columns (10:34)
Setting Up A Landing Page (16:34)
Background Properties (12:46)
Finishing Up (7:46)
Building A Full-Width Magazine Layout
Let's Get Started (4:32)
Recreating A Jumbotron Section (7:47)
Background Opacity And Text Shadows (7:03)
Importing Fonts From Your Computer (3:41)
Static Navbars (9:26)
Finishing Up The Navbar (5:55)
Fluid Containers (11:09)
Linking Divs (7:35)
Finishing Up With The Footer (9:12)
Revisiting Responsive Design (15:02)
What's Next? (1:27)
Example Quiz
Get Your Font On
Lecture content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock