Video Course

HTML Prototyping

by Patrick Marsceill

This course by Happy Cog Senior Designer Patrick Marsceill walks you through how to set up and use the tools for quickly creating responsive HTML prototypes. Read the full description

$14.99

Get immediate access to the course.
Secure checkout.

What's in this Course?

This course is part of the The Happy Cog Way series. Buy the complete series for one low price.

Course Goal: Learn how to quickly prototype web page interactions and layouts using HTML and ZURB Foundation.

Happy Cog is always trying to improve how its process. With the introduction of Responsive Web Design by Happy Cog alum Ethan Marcotte, we had to reconsider how we document user experience and communicate it to our clients. Part of that change is to use HTML prototypes to quickly and accurately record how a website’s proposed user experience will look and work.


This course by Happy Cog Senior Designer Patrick Marsceill walks you through how to set up and use the tools for quickly creating responsive HTML prototypes.

While building an HTML prototype for a sample site, here’s what Patrick covers in this 53 minute video course:

  • Overview and explanation of the tools you’ll need.
  • Setting up the tools
  • Creating a Compass Project
  • Installing and Setting Up a Local Server
  • Using CodeKit and .kit files to reuse code snippets in your prototype
  • Building with the ZURB Foundation grid system

Along with the video course you’ll also have access to supplemental materials:

  • 30-minute roundtable discussion with Happy Cog team
  • Full, professional transcript of the entire video course
  • List of additional resources to help you get started with HTML prototyping
  • All of the sample code used in the course

This course is part of the The Happy Cog Way series. Buy the complete series for one low price.

$14.99

What is the difficulty level?

BeginnerExpert

This is a beginner level course on creating HTML prototypes. We do expect that you have some familiarity with HTML & CSS. We'll be using a framework, so expert coding knowledge is not a requirement.

How long is the course?

The course is 53 minutes of fantastic, fun-filled prototyping learning.

Where do I get the code you use?

The sample project code used in the course is part of the course download. You can access the download on your Account page.

What if I need to use them with my co-workers?

There is a Team Pack available, which allows you to share the course with up to 5 people in your company or the Company license, which allows you to share the videos with up to 25 people. You can choose the proper license when you add the video series to your cart.

What if I have a suggestion?

We love feedback about our training materials. Please get in touch and let us know what you think.

Get in touch