LEGOs—“Create and Share”: http://www.lego.com/en-us/CreateAndShare/default.aspx The “Create and Share” page here is the main interest. GREAT EXAMPLE of using the site as a community space. Allows kids to upload images of their own creations, a kids’ chat board, a kids safe closed environment for social networking.

MOMA highlights Bauhaus (great example of "the grid", too):
Home: http://www.moma.org/interactives/exhibitions/2009/bauhaus/Main.html#
Interior page sample: http://www.moma.org/interactives/exhibitions/2009/bauhaus/Main.html#/Timeline/Artworks

Philadelphia Mural Project: http://explorer.muralarts.org/# Another example of a grid-style pictoral search

Roots (clothing store): http://roots-dev.farstarserver.com/dev/ artsy interface, more original ways of arranging information

A Green architecture site, front page: http://www.asla.org/greenroof/

NY Parks site: http://www.nyrp.org/ (see rollover top menu)

Exploratorium, San Francisco: http://www.exploratorium.edu/index.php (worth looking at for ideas on how to organize lots of different kinds of information for different audiences, and for ideas about utilizing geometry on a page)

Louvre, Paris: http://www.louvre.fr/en
one of the best data search visualization interfaces I have seen. Example: http://www.louvre.fr/en/moteur-de-recherche-oeuvres?f_search_art=egypt

The Met site is quite good, too: http://www.metmuseum.org/Collections/search-the-collections/100000736?rpp=20&pg=1&ft=hatshepsut&pos=7
Gorgeous, extremely well organized, and a very well thought out user experience.

History and Functionality of the Web

The History of the Internet -- Groovy b&w 2D graphics! (8 minute video)
http://www.youtube.com/watch?v=9hIQjrMHTv4&feature=related

…and How it Works (5 minute video)
http://www.youtube.com/watch?v=7_LPdttKXPc&feature=related

Developer Tools

Firebug
(a Firefox plugin which enables you to edit, debug, and monitor CSS, HTML, and JavaScript live in any web page)
https://addons.mozilla.org/en-US/firefox/addon/firebug/

Overall Coding Tutorials-- XHTML, CSS, Javascript, HTML5, and more!

The New Boston Educational Tutorials (BOOKMARK THIS!)
http://thenewboston.org/tutorials.php

w3schools
http://www.w3schools.com/

XHTML

The New Boston XHTML Tutorials
http://thenewboston.org/list.php?cat=40

XHTML Doctype Tag Code=

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd

CSS

CSS Play
--Dozens of CSS menus to try!
Some are free, some request donation. Please respect authors’ request to leave copyright in the code.
http://www.cssplay.co.uk/menus/

CSS Zen Garden
--Download the HTML and CSS files for beautiful web pages and play with altering them for practice and learning.
http://www.csszengarden.com/

CSS Juice-- Rounded Corners Techniques
http://www.cssjuice.com/25-rounded-corners-techniques-with-css/

All About Floats
(there is a 23-minute screen cast video, too, at the end of the text)
http://css-tricks.com/all-about-floats/

The New Boston CSS Tutorials
http://thenewboston.org/list.php?cat=40

Javascript

The New Boston Javascript Tutorials
http://thenewboston.org/list.php?cat=10

HTML 5

VERY GOOD 5-minute video on how to code video in HTML 5 for all browsers!
HOMEWORK!
http://www.youtube.com/watch?v=lZVFUQOCQWI

A 41-minute video with Brad Neuberg of Google’s Developers’ Program on where the web has come from, where it is going, and the role of HTML5 video
HOMEWORK!
http://www.youtube.com/watch?v=siOHh0uzcuY

Adobe on HTML5: what is it?
http://tv.adobe.com/watch/edge-videos/preparing-for-html5/

Some HTML5 video source code
http://www.curiousm.com/labs/2011/07/01/building-an-iphoneipadandroid-compatible-html5-video-player-part-1/

HTML5 video source code and explanations of how it works
http://www.niallkennedy.com/blog/2010/02/html5-video-markup.html

HTML5 video source code for different situations
http://allwebco-templates.com/support/S_video_movie.htm

HTML5 tutorials of all sorts on The New Boston
http://thenewboston.org/tutorials.php

Wordpress

Wordpress Tutorial
23 minute video, best one I have found
http://www.youtube.com/watch?v=jexUS43sdeQ&feature=related

Accessibility Guidelines

Top 10 Tips for Making Your Website Accessible
http://webaccess.berkeley.edu/developer-information/top-ten-tips/

Developer Resources
http://webaccess.berkeley.edu/developer-information/top-ten-tips/

Some Types of Disabilities, their challenges and suggested solutions for web design
http://lscr.berkeley.edu/advice/web/accessibility

Adobe Accessibility Features
http://access.adobe.com/

WAVE 3.0 Accessibility Tool
free, allows you to check your code
http://wave.webaim.org/index.jsp

(Free) Video Converters

Miro
http://www.mirovideoconverter.com/

Have your own suggestions?

Resources

Books on Web Design

Resources on "The Grid"

Video Resources on Typography

Design Treats