Web Resources

Type Examples: http://typechart.com/

Layout-o-Matic for the CSS junkies (thanks to Jane Ha): http://www.inknoise.com/experimental/layoutomatic.php

Stock photographs, brushes, icons, etc.

http://www.bluevertigo.com.ar/bluevertigo.htm - A great resource for hundreds of links. Everything from premade photoshop brushes to posers. Thanks, David! great site

Basic Web Design

Web Wiz Guide - This site covers many aspects of web site design and development and has something for everyone, from those planning to build their first web site to experienced web site developers.
Yale C/AIM Web Style Guide - Perhaps the most cited site (get it?) for web design. Though full of good advice, it is not universally praised. See the Critique of Yale Style Manual for an alternative view. Personally, I like it's feel alot.
The Sevloid Guide to Web Design - Bright and airy collection of tips sequenced in order of their appearance in web design.
Web Development by John December - A rather busy site with a different approach to organizing the do's and don't of creating sites.
Web Style Resources -- Tips - A collection of sites that contain quick tips. Don't miss the Sucky to Savvy page, which has examples of the good, bad and ugly.
W3 Org's Style Document - They wrote the language, so pay attention to what they say.
webdevelopers.com is a comprehensive resource for everything from tutorials, scripting, usability, etc. For this class, check out their web design section.
What the W3C is saying about Web graphics
Delphi Forum: Discussions and advice on Web graphics and pages

Other Sites of Interest

Composing Good HTML (Version 2.0.19) - Advanced topics in HTML, laid out in one long, ugly page.
Writing for the Web - Jakob Neilsen's view of how content should be laid out on the web. He's a strong proponent of simple, clear websites, as you will see.
GVU's Tenth WWW User Survey: Monitor Screen Size Graphs - How big is the monitor you are designing for?

Places to copy and paste JavaScript

Web Review - JavaScript
This site contains a series of articles and resources on specific JavaScript uses.

My best site recommendation for scripts: The JavaScript Source

Cut-N-Paste JavaScript
Just what it says.

What JavaScript works in What Browser? Check here for a complete listing.

JavaScript Tip of the Week Archive - webreference.com
The site that launched our author's career.

Doc JavaScript - www.docjavascript.com
A series of specific articles about some JavaScript implementations.

Javascripts.com - Welcome
You can join if you want to. I haven't, so can't say much about this site. There seems to be a ton of scripts for the price of you email address.

DHTML and Applets (Java)

CGI's and other useful scripts

Free guestbook

Flattext

The CGI Resource Index

eXtropia Homepage

Matt's Script Archive

Just enough about CGI's to get you started

Free Code

FreeScripts.com

MetaTags:

Meta Tag Resources

Tutorials:

Webmonkey (HTML, DHTML)

Downloads:

Macromedia Exchange

Dreamweaver Depot

Dreamweaver Extensions Database

Graphics information

Hexadecimal Color Codes

W3C work on Web graphics

Graphics Development Guides, including the classic Creating Small, Fast-loading Graphics for Web Pages

Browsers with PNG Support

Gif Compression

JPEG Compression

PNG Compression from the W3C

Browsers with PNG support - a comprehensive list of browser compatibility

Check to see if your browser supports PNG - a bunch of PNG images to test out your interaction.

The PNG Homepage

The W3C PNG page - also has a test page for your browser

W3C's Graphics Activity Page: Keep current with PNG and various proposals for vector graphics.

Return to top

Graphics and Fonts Sources

Check out about.com list of Photoshop Downloads and Tutorials at: http://graphicssoft.about.com/cs/photoshop/

The following sources include clip art and other graphics files provided for web use. Whatever source you use, read any accompanying files that address copyright or other restrictions.

TuDogs: Free Clipart

The ClipArt Connection

IconBAZAAR

FontFiles.com

Personally, I prefer www.altavista.com and then search the Images tab.

Other Web Programming (especially for Director/Shockwave users):

	www.macromedia.com/support/director/
	Director Online User's Group (DOUG): Great source of tutorials and articles. See me about doing extra credit assignments from this site. www.director-online.com/
	Developer's Dispatch for Director, Flash, HTML, Javascript and more developerdispatch.com
	robotduck.com/
	www.behaviors.com/
	Bouncing ball www.moock.org/webdesign/flash/actionscript/move/
	www.macromedia.com/support/director/
	www.macromedia.com/support/flash/

Some other very useful info...

Lingo alternates to the tempo channel
How to create a lens flare
Director Tips 'n' Scripts
Programming Definitions in Lingo
www.director-online.com/
robotduck.com/
Bouncing ball
www.moock.org/webdesign/flash/actionscript/move/

Flash Resources

Flash Central
Find technical advice and tutorials.

General Tips for Working with Color and Images

Understand PhotoShop tutorials, tips and techniques by masters

Look at how much real estate is available. What information is given and its effectiveness: http://www.addie-tude.com/

How to reduce the size of your pages

http://www.polykarbon.com/

splash screen uses sliced images and rollovers

tutorials includes coloring line art, creating backgrounds, scanning

http://www.phong.com/tutorials/

mix of layers, javascript, Flash movies, rollovers (home page)

tutorials include anti-alias, textures, blending

http://www.tutorialforums.com/

discussion groups on various PhotoShop problems

http://www.grafx-design.com/tutorials.html

http://www.deepspaceweb.com/index.php

transparent gifs, slicing images, working with shapes, adding plug-ins

A Simple Animated Rollover Using Adobe ImageReady

http://www.photoshoproadmap.com/

223 PhotoShop 6 TIPS: INTERFACE TIPS

Learn The tools

Interesting Home Page: PhotoShop Tutorials. Would you design something like this? What is the cost of limiting the design?

http://www.savvy.net/photoshop.htm