Web Design Tools

This page provides links to some sample images, buttons, and backgrounds on this site, as well as links to external sources for all kinds of web design elements.

Sample Graphics at Anarres

Regular Fonts - presented in a table of font names and samples, these are most suited for use on buttons because of their "clean" lines.
Informal Fonts - also in a table, these fonts are useful for headings and for making a greater visual impact.
Buttons - samples of buttons that can be made, in a variety of colors, shapes, and fonts.
Backgrounds - a few of the background images that could be used (with sample pages to see how they look on an actual web page).
Project Cool Sightings - some of the interesting sites found by Project Cool (my own favorites)

Design tools elsewhere

General

Yale Style Manual for the Web - a comprehensive introduction to site design, page design, graphics, animation, and so on, with helpful illustrations from websites.
Project Cool Developer Zone - lots of tools for web developers onsite - includes sections on HTML, JavaScript, graphics, audio, as well as several useful reference pages.
Mega Web Tools - a smorgasbord of links to gifs, icons, backgrounds, java stuff, counters, forms, etc.

Graphics and Color

MediaBuilder - Large library of graphics, including backgrounds, lines, buttons, etc., as well as online tools such as an animated banner maker, 3D text maker, button maker, etc.

Project Cool's Color Page - this has a table of color names, values (e.g. 0000ff), and samples. If you click on the sample, it changes the background of the page to that color, so that you can see whether other colors are readable against it.

PamBytes - Nicely designed site with backgrounds, banners, borders, clipart, etc.

Realm Graphics - Very nice "seamless" backgrounds, categorized (e.g. paper, psychedelic, textures) with the opportunity to download a whole category as a zip file

Full Moon Graphics - Some offbeat stuff - groovy, you know.

Webdiner - Nice design concept for the site itself - includes some clipart and web page templates.

Harry the Cat's Graphics - Animated GIFs for use on non-commercial sites.

HTML

Introduction to HTML 3.2 - an easy, step-by-step introduction to HTML, from tags and attributes to lists, images, tables, and links.
NCSA Beginner's Guide to HTML (at UIUC) - a somewhat less-fancy introduction to HTML than the above, but good as a reference (it's easily-downloadable and is formatted so that you can find topics easily).
Help Desk - divided into categories such as "Nested Lists" and "Sizing Images," this gives the basics on how to deal with typical issues in HTML.
Project Cool's HTML Tag Reference Table - if you've forgotten the syntax for a particular tag, its attributes, or variations, check this handy table (not for beginners - no explanations).

Java

Website Abstraction - Free JavaScripts, JavaScript tutorials, Java applets, etc.
Nic's JavaScript Page - Effective and simple to use.
JavaScript.com - big (over 4000) repository of JavaScripts.
Imint.com - "Java solutions for website navigation."