AIM 2

Tuesdays, 3:30 pm - 6:20 pm
Instructor: Erik Brown

Week 5

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:

jQuery, cont.

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

<script type="text/javascript">

$(document).ready(function() {

});

</script>


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

TOP