Sorry, your browser is not supported
To have the best experience using Skillshare, we recommend that you use one of these supported browsers.

Prototyping for Web III: Design with HTML and CSS

Erica Heinz, Designer/Developer

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
10 Videos (1h 11m)
    • Trailer

    • RWD, CSS, and HTML Prototypes

    • Assess the Situation

    • Save It

    • The Bones

    • Flexibility

    • The Guts

    • The Skin

    • Testing

    • Documentation


About This Class

Create a live site using your paper prototypes and design strategy from previous classes. Each step is outlined to help you work quickly, efficiently, and at any site size. Set up a repository, code in HTML, style in CSS, and create clear documentation you can share with clients, colleagues, and fellow students.

Make live websites in mere hours. Erica Heinz’s 70-minute class in simple web development covers how to efficiently, easily transform wireframes and visual mock-ups into a responsive site. Whether you want to demo your startup idea or build an online portfolio, it’s easy to build your own site. In 9 succinct lessons, explore github and easy visual editors, learn modern tools like Hammer and Bourbon, and take advantage of a Skillshare-exclusive starter template on HTML/Sass. With so many resources and clear instruction, you’ll finish with a site you can launch right away.

Want more? Check out the other classes in this series: Web Design I: Planning with Rapid Prototypes and Web Design II: Visuals for UX and Branding.



27 of 29 students recommendSee All

Great class. Good overview on web design and development process.
I got some experiences from web design field, but I can still learn a lot from your perspective! Highly recommended!
really complete overview of the whole process...





Erica Heinz


Erica Heinz is a Brooklyn-based designer, developer, and creative consultant. With over a decade of experience in web design and development, she's worked with both large corporations and lean start-ups. She manages projects from strategy and IA all the way through to development and support.

She's schooled in visual communications, trained in Lean UX and agile development, and is fascinated by the culture-changing power of the web. She loves art, dance, fitness, nutrition, ecology, al...

See full profile