Lectures and Demos

Week 1: Web Design Landscape & Setup Week 2: How the Internet Works & How to Stay Organized Week 3: Planning a Site & HTML Basics Week 4: No Lecture (Presidents Day)
Presidents Day! No Lecture this week.

Week 5: Form and Content
Slides

Demo
●   Basic CSS properties
References
●   Websites
Other Means, Typography Summer School
Linked by Air, YAMP
Michael Mcdermott, waitingfor.co
●   Resources
CSS reference

Week 6: Visual Hierarchy & Grids
Slides
References
●   Websites
Pollen Digital, Aesop
Linked by Air, Whitney Museum of American Art
Atelier Carvalho Bernau, Wander
●   Resources
Thinking with Type

Week 7: CSS Layout
Slides
Demo
●   Box Properties: Template, Result
●   CSS Float: Template, Result
●   Positioning: Template, Result
References
●   Resources
A List Apart: CSS Floats
A List Apart: CSS Positioning

Week 8: CSS Transforms Week 9: No Lecture (Spring Break)
Spring Break! No Lecture this week.

Week 10: No Lecture (Project 1 Critique: Mid-Term)
Project 1 Critique! No Lecture this week.

Week 11: CSS Motion
Slides
Demo
●   This
●   This
●   This
●   and This
References
●   Websites
Unknown, Typeforcechicago
Jon Yablonski, Swiss in CSS
Hermes, Le MANifeste
●   Resources
Animatable Properties
Cubic Bezier
CSS Tricks
MDN
Smashing Magazine

Week 12: HTML Structure and Navigation Week 13: Responsive Web Design Week 14: Image, Type, and Interaction Week 15: Javascript: Object and Instruction
Slides
References
●   Inspirations
Sol LeWitt, Wall Drawings
Brad Bouse, Solving Sol
●   Resources
Anatomy of Code
Javascript Methods Index

Week 16: Troubleshooting, Validation, Accessibility, & Publishing to the Web