InterACT With Web Standards A Holistic Approach to Web Design
Book | Links
Below is a list of links from each chapter in the book.
Chapter 1: InterACT
- InterACT Design additional resource
- InterACT Curriculum
- Creative Commons Licenses
- InterACT Web Standards Forums
- Opera Web Standard Curriculum
- Open Web Education Alliance
Chapter 2: Tools
Chapter 3: Learning on the Web
- Smashing Magazine
- The Free Automatic Bibliography and Citation Maker
- Scribe Fire
- Delicious Social Bookmarking
- Gnolia
- Google Notebook
- Zoho Notebook
- Evernote
- Austin Kleon a Writer Who Draws
- Rohdesign by Mike Rohde
- Bloglines
- G Podder - simple, usable podcast consumption
- Getting Things Done
- 43 Folders
- Zen to Done, a simplified version of GTD
- Mashable the Social Media Guide
- Interactive With Web Standards
- 25 Free Online Resources and Web Apps for Lifelong Learners
- GoogleGuide - Advanced Search Operators
- Netiquette Home Page
- iSOUND Artist Blog
- 17 Noteworthy Alternatives to Google Notebook
- Comparison of note taking software
- Instapaper
- VizThink: visual thinkers practicing visual communication
- GTD Toolbox: 100+ Resources for Getting Things Done
- Sitepoint: 12 Online Tools for Organizing Your Tasks
- SixRevisions: 15 Free Tools for Web-based Collaboration
- Inspiration on Demand: Create a Swipe File
Chapter 4: Internet Fundamentals
- The Computer for the 21st Century
- Interact With Web Standards
- The official list of top-level domains
- Sitepoint Forums
- Frak.com
- Slashdot.org
- Digg.com
- Reddit.com
- Amazon.com
- Facebook.com
- Facebook Applications Directory
- Youtube.com
- Flickr.com
- Linkedin.com
- Project Gutenberg
- Twitter.com
- Jaiku.com
- Identi.ca
- Video: "World Wide Web in plain English"
- Video: Douglas Crockford
- What is a browser?
- What is Unicode?
Chapter 5: Writing for the Web
- EyeTracking the News: A Study of Print & Online Reading
- Guidelines for Accessible and Usable Websites
- Brain Traffic
Chapter 6: Information Architecture Intro
- What is Information Architecture?
- The Information Architecture Institute
- Web Design Process
- Information Architecture Planning
- Am I An Information Architect?
Chapter 7: Site Planning
- Global Market Share Statistics
- Graceful degradation versus progressive enhancement
- Web ReDesign 2.0 | Workflow that Works
- Interview with Kelly Goto
- Web Redesign
- Real Web Project Management Case Studies and Best Practices
Chapter 8: Content Analysis
- Doing a Content Inventory Through Your Web Site
- MarketingProfs Daily Fix
- Alexa WebSite Information
- Competitive Analysis: Understanding the Market Context
- How to conduct a Web site competitive analysis
- Card Sorting: How Many Users to Test
- Donna Spencer's Card Sorting article
- Usability.org - Card Sorting
- Contextual interviews
- User surveys
- Developing personas
- Task-based scenarios
- Content analysis: a practical approach by Colleen Jones
- Content inventory
- A few good web analytic tools: measuring your website's success by Laura Quinn
- How to conduct a website competitive analysis by Thomas Myer
- "Card sorting: a definitive guide" by Donna Spencer and Todd Warfel
- Card Sorting Analysis Spreadsheet
Chapter 9: Content Strategy
- Open Table
- Leen Jones Winning Content
- Olivia Pictures
- The Lazy IA's Guide to Making Sitemaps at Boxes and Arrows
- Template for Visio and OmniGraffle
- An Event Apart
- "Where the Wireframes Are" at Boxes and Arrows
- Strip Generator
Chapter 10: HTML Intro
- The WaSP InterACT curriculum
- Character reference/entity chart
- Web standards tutorials on dev.opera.com
- HTML5 doctor
- HTML5 doctor: designing a blog with HTML5
Chapter 11: CSS Intro
- Eric Meyer on CSS resets
- CSS at-rules
- Sitepoint CSS reference: @import
- Supporting IE with conditional comments
- Sitepoint CSS reference: HTML color values
- Color Scheme Designer
- A hexadecimal to RGB color converter
- Color in Opera 10: HSL, RGB and Alpha Transparency
- CSS 2.1 specification: properties
- Opera web standards curriculum: Inheritance and Cascade
- And all that Malarkey: CSS Specificity Wars
- CSS3.info
- Web standards tutorials on dev.opera.com
Chapter 12: <head>
- The W3C HTML validator
- Blooberry: the DOCTYPE explained in detail
- Sitepoint HTML reference: HTML language codes
- W3C Internationalization (I18n) Activity homepage
- W3C language tags reference
- the HTML <meta> element
- Creating presentations/slideshows with HTML & CSS
- Stack Overflow: Does putting scripts on the bottom of a web page speed up page load?
- genfavicon: favicon generator
Chapter 13: Headings and Paragraphs
- Seven Web Fonts showcases
- A list apart: How to size text in CSS
- The Microformats home page
- Microformats on wikipedia
- The ISO standard for timestamps
Chapter 14: Whitespace
- Swiss Legacy: Flickr group dedicated to Swiss design
- Don't make me think!
- Supporting IE with conditional comments
Chapter 15: Links
Chapter 16: Images
- InterACT Design Course
- GIMP
- Inkscape
- Understanding Antialiasing
- Opera SVG Tutorials
- Mozilla SVG Project
- W3C SVG
- Wikipedia Scalable Vector Graphics
- The Amazing Gradient Generator
- Revised Image Replacement
- Custom Web Fonts with sIFR
- Cufon Font Generator
Chapter 17: Lists
- HTML5 Differences from HTML 4
- Automatic Numbering with CSS Counters
- Listamatic
- Taming Lists
- list-style-type definition
- Create a Tabbed Interface Using JQuery
Chapter 18: Tables
Chapter 19: Forms
Chapter 20: Floats
- Larabie Fonts
- dafont
- CSS Organization Tip 1: Flags
- Faux Columns
- Floatutorial
- CSS Float Theory
- CSS Advanced: Page Layout
- Clearing Floats
- A Floated Page Layout
Chapter 21: Positioning
Chapter 22: Accessibility Intro
- Universal Design
- Web Content Accessibility and Mobile Web: Making a Web Site Accessible Both for People with Disabilities and for Mobile Devices
- To Hell with Bad Browsers
Chapter 23: Accessibility Helps
- People First Language
- National Eye Institute
- Wikipedia: Low Vision
- Low Vision Gateway
- Visual Acuity
- WebAIM Low Vision Simulation
Chapter 24: Accessibility Testing
- Policies Relating to Web Accessibility
- Web Content Accessibility Guidelines (WCAG) 2.0
- Understanding WCAG 2.0
- How to Meet WCAG 2.0
- Techniques for WCAG 2.0
- Seizures: Understanding Guideline 2.3
- Web Developer Toolbar
- WAT-C Toolbar
- Vision Australia Web Accessibility Toolbar
- Colour Contrast Analyzer Add-on
- WAT-C Colour Contrast Analyzer
- Accessibility Tools Framework
- W3C Validator
- HTML Validator Add-on
- Validator.nu
- WAI-ARIA Overview
- ARIA Techniques for WCAG 2.0
- Flesch-Kincade Readability Test
- Gunning Fog Index
- Readability Analyzer
- Edit Central: On Writing
- The Readability Test Tool
- Readability Test
- WAVE
- Cynthia Says
- Worldspace
- AccVerify
- Rational Policy Tester
- Web Accessibility Testing
Chapter 25: Bringing it All Together
- morgueFile
- vdebolt.com
- Getting Semantic with Microformats, Part 3: hCard
- hCard Creator
- Microformats.org
- How to Build an Effective Sign Up Form
- Definition lists – Misused or Misunderstood?
- Sensually Styled Definition Lists
- W3C Validator
- Validator.nu
- CSS Validator
- Graded Browser Support
- Quick Reference: Testing Web Content for Accessibility
- Testing with Screen Readers
- WAVE
- WAVE Dreamweaver Extension
- WebAIM's WCAG 2.0 Checklist
- Do it Myself Blog
- How POUR is Your Blog?
- Free Web Space
- Tripod
- Free Space
- Open Directory Project
Where to Buy
25% of author proceeds will be donated to the Open Web Education Alliance.
Stay in Touch
- published by New Riders
- Aarron Walter project manager
- Patrick Lauke technical editor
- Jeff Riley development editor
- Leslie Jensen-Inman creative direction
- Jessi Taylor book and site design