Applying Design to Wireframes with HTML5 & CSS3 Premium class

Geoff Blake, Ten Ton Online

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

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

      1:25
    • 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
    • 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:47
    • Wrapping Up The Layout's Design

      5:56
    • 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
    • Online Testing Tools

      8:06
    • Running Virtual Operating Systems For Testing

      9:16
    • Making Minor Adjustments For Browser Compatibility

      5:24
    • Where To Go From Here

      2:53

About This Class

Building on the skills you gained in Website Wireframing with HTML5 & CSS3, this course teaches you how to apply functional and attractive design principles to your wireframe. Featuring advice on typography, graphics, and colour schemes, award-winning trainer Geoff Blake will lead you through the full process of making your site look amazing in every web browser. Lessons include how to select a colour palette, where to source free images, and what resources to use to integrate beautiful typography into your design. You’ll discover Google Fonts, and how to integrate them into your CSS. When you’re finished adding fonts and images, Geoff will walk you through the various options for testing out your site. From wireframe to fully realized design, this course is a must for aspiring web developers.

Download the project files here.

15

Students

--

Projects

0

Reviews (0)

Geoff Blake

Ten Ton Online

Geoff Blake is an award-winning veteran software trainer, author, and designer. A professional public speaker since 1997, Geoff has taught desktop publishing, web design and graphics courses for a wide range of clients and organizations, from Fortune 500 companies and colleges, to small and medium-sized businesses; and to individuals just like  you. In 2009 he launched his video-based training site, Ten Ton Online, allowing him to reach learners worldwide. With his humorous, non-jargonny approach, Geoff's style of teaching revolves around dissolving learner's anxiety, and presenting otherwise technical subjects in a relaxed, easily understandable way. He regularly contributes to top industry magazines and web sites, and continues sharing his knowledge in his casual, off-beat style through his website, tentononline.com.