Interactive Web Design I
DM2280A spring 2012 · Instructor: David Ramos
Resources
HTML/CSS
Basics
- Don't Fear the Internet (videos by Jessica Hische & Russ Maschmeyer)
References
- SitePoint CSS Reference and HTML Reference
- HTML Dog HTML tags
- W3C HTML5 Draft Specification
- W3C CSS 2.1 Specification – older CSS version, with relatively easy-to-read documentation
- W3C CSS3 Draft Specification – newest CSS version but the documentation is harder to use
- HTML entities (special characters)
HTML5
- HTML5 Doctor (analysis and cogent explanations)
- Dive into HTML5
CSS3
Microdata
- Dive into HTML5: Microdata (good introduction)
- HTML5 Doctor: Extending HTML – Microdata (better for examples)
- Microdata types at Schema.org (newer than data-vocabulary.org; code examples are incomplete)
- Google Rich Snippets documentation
- Google Rich Snippets Testing Tool
Browser compatibility
Tools
Development
- TextWrangler – text editor for Mac (free)
- CSSEdit – CSS editor for Mac (free trial)
- TextPad – text editor for Windows (free trial)
- PixelStick – screen ruler for Mac (free)
- ColorHexa: color picker, data, and color schemes
Debugging + validation
- W3C X/HTML Validator
- W3C CSS Validator
- HTML5 Outliner: check a document’s structure
- Enabling the Safari Web Inspector
- Web Developer Toolbar for Firefox and Chrome
- Firebug for Firefox
Accessibility
References
- WebAIM
- WebAIM: mini chart of accessibility tips
- Section508.gov standards
- WCAG 2.0 standards
Tools
- Fangs screen reader emulator for Firefox
- JuicyStudio Color Contrast Analyzer
- Color Oracle