Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Applying Design To Wireframes with HTML5 & CSS3
1.Introduction
Welcome! Here's What This Course Is All About (1:56)
Here's What We'll Create In This Course (1:25)
2.From Wireframe To Design
Determining The Design's Message (5:16)
Choosing Your Design's Colour Palette (6:38)
Tools For Selecting Typefaces (5:18)
Choosing Imagery And Design Elements (4:45)
3.Getting The Design Underway
Getting Started By Styling The Header (5:14)
Formatting Call-To-Action Buttons With CSS (8:41)
Adding Additional Shadow Effects To The Buttons (3:10)
Finishing Up The Button Formatting (5:40)
Typographic Treatments With Google Font API (7:41)
Beginning The Features Section Styling (5:28)
Finishing The Features Section (4:07)
Formatting The Organize Section (4:48)
Wrapping Up The Layout's Design (5:56)
4.Inserting & Formatting Graphics
Inserting & Adjusting The Logo (2:48)
Setting Up The Hero Section Graphics (4:52)
Getting The Feature Section Images Inserted (3:03)
Placing The Organize & Share Images (2:52)
Using A Graphic As A Button Label (3:53)
5.Cross-Browser Testing
Online Testing Tools (8:06)
Running Virtual Operating Systems For Testing (9:16)
Making Minor Adjustments For Browser Compatibility (5:24)
6.Wrapping Up
Where To Go From Here (0:29)
Determining The Design's Message
Complete and Continue