Preview Applying Design To Wireframes with HTML5 & CSS3

Getting Started

1 Welcome! Here's What This Course Is All About

2 Here's What We'll Create In This Course

3 Determining The Design's Message

4 Choosing Your Design's Colour Palette

5 Tools For Selecting Typefaces

6 Choosing Imagery And Design Elements

7 Getting Started By Styling The Header

8 Formatting Call-To-Action Buttons With CSS

9 Adding Additional Shadow Effects To The Buttons

10 Finishing Up The Button Formatting

11 Typographic Treatments With Google Font API

12 Beginning The Features Section Styling

13 Finishing The Features Section

14 Formatting The Organize Section

15 Wrapping Up The Layout's Design

16 Inserting & Adjusting The Logo

17 Setting Up The Hero Section Graphics

18 Getting The Feature Section Images Inserted

19 Placing The Organize & Share Images

20 Using A Graphic As A Button Label

21 Online Testing Tools

22 Running Virtual Operating Systems For Testing

23 Making Minor Adjustments For Browser Compatibility

24 Where To Go From Here