Welcome!

Class Notes

Subscribe to this site for resources, class notes, homework, inspiration and more.

CSS Animated Hover Effects

Class Notes

Flexible typography and grids

Class Notes

How C.R.A.P. is your design?

Class Notes

…meaning, make sure it takes advantage of Contrast, Repetition, Alignment, and Proximity CRAP resources:

Sell the Work

Class Notes

From Wireframes to Comps – Photoshop Web Tricks

Class Notes

widgetbox starting point –Grab this for the demo. This version is a wireframe we will use as the backbone for developing a comp design widgetbox comp – complete More Resources/Inspiration: Premiumpixels – Great Inspiration and some PSD freebies Iconfinder – great Read More

Print Style sheets

Class Notes

Resources & related reading: Web Designer Depot: 10 tips for better Print Stylesheets A List Apart – CSS Design: going to print webCredible – Print stylesheets, a definitive guide

HTML5 Intro

Class Notes

HTML5Doctor Element Flowchart