jQuery slideshow

http://www.serie3.info/s3slider/demonstration.html

Class 5 - Class Assignment

http://onepotcooking.com/jackpax/class5/assignment5.html

Javascript Video

http://developer.yahoo.com/yui/theater

see Douglas Crockford — "The JavaScript Programming Language" Part 1.

Yahoo! JavaScript Architect Douglas Crockford provides a comprehensive introduction to the JavaScript Programming Language

Using the DOM

A nice example of DHTML:
http://onepotcooking.com/jackpax/dom/top5.html

Class 4 Assignment

http://onepotcooking.com/jackpax/class4/assignment.html

Popup Javascript Calendar

http://onepotcooking.com/jackpax/calendar/popUpCalendar.htm

This adds a date picker to a text box using a small javascript file and a css file for the calendar formatting.

Adding Flash to a Web Page with Javascript

http://code.google.com/p/swfobject/

http://code.google.com/p/swfobject/wiki/SWFObject_2_0_documentation

SWFObject is an easy-to-use and standards-friendly method to embed Flash content, which utilizes one small JavaScript file

Javascript Tutorial

http://www.webmonkey.com/webmonkey/98/03/index0a.html

Trifecta css rollovers

What makes the Trifecta button the Trifecta?
http://www.search-this.com/website-design/css-rollover-buttons/

Class 3 Assignment 1

http://onepotcooking.com/jackpax/class3/assignment.html

Tutorial Videos - Chopping Images and Using CSS for Layout

http://nettuts.com/videos/screencasts/slice-and-dice-that-psd/

http://nettuts.com/videos/screencasts/converting-a-design-from-psd-to-html/

http://nettuts.com/videos/screencasts/how-to-convert-a-psd-to-xhtml/

Background Tiles

Tiles have been used for background texture (think parchment paper), but they can also be used for CSS rollovers.

A simple CSS rollover using a 2px wide vertical tile:
#menuTop a{
padding:2px;
color:#000;
background-image:url('img/menuTile.jpg') repeat-x;
text-decoration:none;
}
#menuTop a:hover{
background-image:url('img/menuOverTile.jpg') repeat-x;
color:#cc0000;
}

And of course a tile can be used for a gradient effect in the page top:
#pgTop{
border-bottom:1px solid #cc0000;
background-image:url('img/pgTopTile.jpg');
}