Web inspection tools

• Web Developer 1.2.2 for Chrome/Firefox (basic)
• Firebug for Firefox (advanced)
• Firefox/Chrome/Opera: rightclick > Inspect Element (built-in inspector)
• Safari: Command + Option + I

Engagement

Open system with raw data

A case for interactive narratives

BLDG BLOG by Geoff Manaugh:

• Inhaling 9/11
• Planet Harddrive
• Liquid Radio
• Trap Rooms

jQuery, cont.

Once you've added your link to the jQuery library, you'll write this into the document:

Basic demo template

Tools:

• event binder: $(object).click(function() { ... });
• methods: .hide(), .show(), .toggle(), .css(), .addClass()

Using .preventDefault();
Event bubbling

My inclass demo

Due next week:
Assignment 2
Be ready for Project 1 progress team meetings:

• Best research items
• Sketches
• Mashups
• Notes/stories from primary audience interactions

Last chance next week:
Project 1 sketches
Project 1 worksheet