Getting started
Tools for safe and secure computing
"Creating a student home page"
Do: Make a class webpage using the HTML 5 template
Do: Make a shortcut icon to your class webpage
Do: Expression Encoder Screen Capture
Do: Create HTML5 video
Suggested tools for this course (i.e., the tools that I use)
Structure
Use: Yahoo! UI Library: Grids CSS
Use: Designing with boxes and columns
Use: CSS 3 columns
Do: Redesign the Tsunami webpage
Do: Speed them up with Page Speed
Use: Expression Design: Export slices for HTML
Read: An XHTML Roadmap for Designers
Do: Convert to XHTML
Read: Front-end semantics
Do: Enhance your INFO 343 course page with Rich Snippets
Wonder: Browser bugs section
Shake your head: Some cross-browser strategies
Zowie: A broken page
Shake your booty: Get modern with Modernizr
Consider: Google browser size
Consider: Accessibility
DOM - Document object model
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?
View: Introduction to Layout in Mozilla
Consult: Gecko DOM Reference
Try: Target the DOM
Consider: jQuery introduction
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!
Use: The <Canvas> element
Admire: Hyperbolic tree visualization
Use: Code for hypertree
AJAX
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: Harvesting the LOD
Read: Watch this: Probe the Semantic Web with SPARQL
Investigate: Probe the UW with SPARQL
Do: SPARQL the Alaskan Malamutes (i.e., Huskies)!
Read: JSONP, jQuery and Yahoo! Query Language
Extend the Firefox browser
Motion
Read: Motion
Read: Walt Disney
Consider: Time and motion in JavaScript
Admire: Husky Stadium in motion!
Do: Animate Bow Down to Washington
Survey: Sliders