Web page structure
Read: The grid as visual organization
Use: Yahoo! UI Library: Grids CSS
Use: Designing with boxes and columns
Do: Redesign the Tsunami! web page
Read: An XHTML Roadmap for Designers
Do: Convert to XHTML
Reference: LOD Probe the Semantic Web with SPARQL
Read: RDFa for HTML Authors
Read: Introduction to RDFa
Read: Introduction to RDFa II
Read: Introducing Rich Snippets
Read: Yahoo! RDFa - GoodRelations
Do: Prepare the Tsunami for Google's rich snippets
Try: How to add a shortcut icon to a web page
Wonder: Browser bugs section
Shake your head: Some cross-browser strategies
Consider: Accessibility
Manipulating the DOM
Try: Acid test 1 [HTML 4 and CSS 1]
Try: Acid test 2 [CSS 1 and 2]
Try: Acid test 3 [CSS 2.1, DOM and EcmaScript]
Try: What does your user agent claim to support?
Consult: Gecko DOM Reference
Try: Target the DOM
Survey: One-date widgets
Do: Help the Huskies pick a date!
Survey: Multi-date widgets
Do: Help the Huskies slide a date!
Read: Exhibit: Lightweight structured data publishing
Admire: SIMILE Exhibits
Do: Sort the Dawgs!
Ajaxian web pages
Read: AJAX: A new approach to web applications
Consider: Web services at the UW
Admire: allcourses.xml
Read: Introduction to AJAX with XML
Use: Prototype.js
Do: ABC iSchool Course web services
Read: Greasemonkey
Do: Grease up the iSchool web page!
Read: DBpedia
Read: Wikipedia on a web page
Read: Gathering flowers from DBpedia
Read: Probe the Semantic Web with SPARQL
Do: SPARQL the Alaskan Malamutes (i.e., Huskies)!
Web page plugin: Silverlight
Wednesday Class
Tuesday Class
Bisou Bisou Bisou
Read: Silverlight: An introduction
Read: Silverlight: Examples
Admire: Silverlight - gradient font
Admire: Silverlight - image as font
Admire: Silverlight opacity mask
Admire: Silverlight opacity with slider
Admire: Silverlight webclient to JSON object
Admire: Silverlight webclient to XML object
Admire: Silverlight DeepZoom
View: Snow in Shoreline, February 25, 2009
Read: Silverlight Geek Tutorials
Web page motion
Read: Motion
Read: The art of animation
Consider: Time and motion in JavaScript
Admire: Husky Stadium in motion!
Do: Animate Bow Down to Washington
Survey: Sliders
Manipulating images
Use: The <Canvas> element
Use: Draw images
Use: Pop images
Use: Fisheye images
Use: Scroll images
Use: Resize images
Admire: Hyperbolic tree visualization
Use: Code for hypertree
Survey: noobSlide
Use: noobSlide Example 1
Use: noobSlide Example 2
Do: Husky wallpaper!
Section A:
WF 9:30 - 10:50 am
F 11:00 - 12:50 pm
Section B:
TTh 9:30-10:50 am
Th 11:00-12:50 pm
Teaching assistant
Casey R. Hickerson
crhxn AT uw.edu