Resources

Syllabus
Syllabus
 
HTML & CSS Tutorials
Getting started with HTML
HTML / CSS a beginner’s guide
XHTML Web Design for Beginners
37 Steps to Perfect Markup
CSS Beginner Tutorial
CSS References
CSS Tricks
Learn to Code HTML & CSS
 
Fixed Width Grids
Grids are Good (Right?)
Designing With Grid-Based Approach
Grid-Based Web Design, Simplified
 
Responsive / Fluid Grids
Chris Coyier’’s simple grid approach
All List Apart
Infinite Grid
Fluid Grids
Responsive Web
 
Media Queries & Responsive design
Responsive Design Media Queries
7 Habits of Highly Effective Media Queries
mediaqueri.es
 
Type and Typography
●   Type Basic
Thinking with Type
Metapolator: We need fonts!
The Trouble With EM ’n EN (and Other Shady Characters)
 
●   Web Typography
The Paragraph in Web Typography & Design
Bulletproof @font-face Syntax
How to use CSS @font-face
Web Font Generator
 
●   Web Font Library
Google Web Fonts and a nice selection in use.
Webtype
TypeKit
Fonts.com
cloud.typography
Typecast
Font Deck
League of Moveable Type
Fontstand
 
Positioning and Floats
Floatutorial
Learn CSS Positioning in Ten Steps
 
Validation and Debugging
HTML: validator.w3.org
CSS Validator
Firebug
 
The Site Experience (IA, ID, UX, Usability)
Information Architecture basics
Defining an Interaction Model: The cornerstone of application design
 
Javascript
jQuery plugin examples (zip)
jquery.com
jQuery tutorial
JQuery tutorial for beginners
jQuery tutorial for designers 1
jQuery tutorial for designers 2
Lettering.js jQuery plugin
PaperJS jQuery plugin for vector graphics