Imagemaps

Imagemap Coding by Hand:
Creating a Client-Side Image Map

Using Dreamweaver:
Dreamweaver Imagemaps

CSS for Accessibility

This article discusses how to use CSS to create more accessible websites.
Advanced Accessibility Techniques

Accessibility

WAI: Quick Tips to Make Accessible Web Sites
Accessibility Wizard: Your Role
People with Disabilities on the Web
Watchfile: Accessibility Testing

Navigation

More information on different navigation methods and patterns:
Common Navigation Points on a Page
Tracking User Navigation
A Study of Website Navigation
Designing Interfaces
Interaction Design Pattern Library

Sites to explore:
Work by Hanna Werning
Requiem for a Dream
La Pate a Son
MCA Sydney, AU

Imagery

CSS Zen Garden

Designs that I liked from Zen Garden:
Night Drive
White Lily
Japanese Garden
Punkass
Assasination
The Defenders of Style

All Zen Designs

Is your Design C. R. A. P.?

The key elements in Website Design is based on C.R.A.P.

C - Contrast , Consistency
R - Repetition
A - Alignment
P - Proximity, Placement

Read this article:

How C.R.A.P. is your Site Design

Using Grids

Five simple steps to designing grid systems: There are 5 parts to this series of articles regarding the method used to design grid systems.

Typography and Fonts

Typography

CSS Type: Website Typography on Screen
Web Type Preview Tool.

Typetester: Compare fonts for the screen
Allows you to compare 3 different fonts using sample text.

Five Steps to Better Typography

I love Typography: 15 examples of great Typeography

The Elements of Typographic Style Applied to the Web
A good reference for using typography on the web.


Fonts
Not all fonts are created equal. Choose one that will work on both of the major platforms: PC and Mac.

Safe web fonts

Places to download fonts used for graphics:
Abstract Fonts
Font Garden
Font Center

All About Color

The browser-safe web pallette
Although this does not really apply that much any more on today's computers which can display millions of colors, its good to know the history of color on the web.

Color Worqx
This is a great website on color theory.

Color in Motion
An interactive explaination of Color and Meaning

pages.think
Looking for some inspiration? Here is a directory of websites sorted by color.

Color Lovers
Need help picking out colors, check out the Color Trends and Pallettes at Color Lovers.

Sony Bravia
Random facts about color.

Tip:
If you are using a background image, use the eyedropper tool to sample colors
from the image to find a matching color pallette for your site.

Image Resources

Here are the stock photo's websites

Stock Exchange: This site requires you to register in order to download raw pictures. Most of these images are copyright free, but a few have restrictions. Be sure to read what they are before using them.

Morgue File: This site does not require any registration. Some of the images in this database may have restrictions as well, so be sure to read the fine print.

Yotophoto: The website allows you to search images on Creative Commons, Public Domain, GNU FDL, Morgue File, and Stock Exchange all at the same time. You will still need to set up accounts
on the other sites in order to download though.

Flickr Creative Commons
Some Flickr users have decided to share their photos with certain rights reserved. If you use an image, ask permission or you could be sued. Don't belived me, read the article below.

Flickr, Creative Commons, Virgin Mobile Lawsuit

Project Management Software

There is a project management software called Basecamp. I would like the Project Leaders to sign-up for a FREE account and give access to all their team members.

Sign-up for Basecamp