skip to content

References

Interactive Web Design I · DM2280B spring 2013 · Corcoran College of Art + Design
Instructor: David Ramos alberto_ramos@corcoran.edu

• Downloads
• Event
• Course home
• Instructions
• Recipe
• References
• Syllabus

General HTML/CSS and JavaScript references

• WebPlatform.org
• SitePoint (HTML/CSS)
• Mozilla Developer Reference (HTML, CSS, JavaScript)
• Do not use w3schools (more)

HTML/CSS in depth

• Learn CSS Layout
• Can I Use browser compatibility tables
• Quirksmode
• HTML5 Doctor
• W3C CSS3 specification

Periodicals + weblogs

• A List Apart
• MIT Technology Review

UI design patterns/precedents

• Little Big Details (all kinds)
• Media Queries (web)

Design documentation

• Wireframes (mostly, a collection of tools)
• Interactive Sketching Notation
• Wireframes > sketch resources
• Visual vocabulary for IA and IxD
• UX sketching
• Close Photoshop and Grab a Pencil: The Lost Art of Thumbnail Sketches

Development tools

• Sublime Text (Mac/Windows/Linux; indefinite demo period)
• TextWrangler (free Mac text editor)
• Espresso (Mac HTML/CSS editor; free trial)
• TextPad – text editor for Windows (free trial)
• PixelStick (screen ruler for Mac; free)
• ColorHexa (color picker website)
• Adobe Kuler (color picker website)

Debugging + validation

• Google Chrome Canary (free; recommended for good Webkit Inspector)
• W3C X/HTML Validator
• W3C CSS Validator
• HTML5 Outliner: check a document’s structure
• Web Developer Toolbar for Firefox and Chrome
• Firebug for Firefox