Applying Design to Wireframes with HTML5 & CSS3

Geoff Blake, Ten Ton Online

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
24 Lessons (1h 59m)
    • 1. Welcome! Here's What This Course Is All About

      2:16
    • 2. Here's What We'll Create In This Course

      1:25
    • 3. Determining The Design's Message

      5:16
    • 4. Choosing Your Design's Colour Palette

      6:38
    • 5. Tools For Selecting Typefaces

      5:18
    • 6. Choosing Imagery And Design Elements

      4:45
    • 7. Getting Started By Styling The Header

      5:14
    • 8. Formatting Call-To-Action Buttons With CSS

      8:41
    • 9. Adding Additional Shadow Effects To The Buttons

      3:10
    • 10. Finishing Up The Button Formatting

      5:40
    • 11. Typographic Treatments With Google Font API

      7:41
    • 12. Beginning The Features Section Styling

      5:28
    • 13. Finishing The Features Section

      4:07
    • 14. Formatting The Organize Section

      4:47
    • 15. Wrapping Up The Layout's Design

      5:56
    • 16. Inserting & Adjusting The Logo

      2:48
    • 17. Setting Up The Hero Section Graphics

      4:52
    • 18. Getting The Feature Section Images Inserted

      3:03
    • 19. Placing The Organize & Share Images

      2:52
    • 20. Using A Graphic As A Button Label

      3:53
    • 21. Online Testing Tools

      8:06
    • 22. Running Virtual Operating Systems For Testing

      9:16
    • 23. Making Minor Adjustments For Browser Compatibility

      5:24
    • 24. Where To Go From Here

      2:53