Resources

Design stuff:

http://www.backgroundlabs.com/

Illustrator cheat sheets: http://www.wellsdrew.com/education/illustrator/

Online royalty free clipart: http://www.clker.com/

http://www.bamagazine.com/

Smashing Magazine

Photoshop alteratives: GIMP (student recommended), list of several alternatives

PNG Optimizer for the MAC suggested by Scott Cooksey

Google free sites

http://www.p51labs.com/lightwindow/

http://www.kelvinluck.com/assets/jquery/jScrollPane/jScrollPane.html

http://www.css3menu.com/index.html

http://www.smashingmagazine.com/2010/09/07/showcase-of-interesting-navigation-designs/

Responsive web design (A List Apart): http://www.alistapart.com/articles/responsive-web-design/

Neil Tan's responsive lecture: Responsive Web Design

HTML5/CSS3 example: http://www.20thingsilearned.com/cloud-computing/2

http://issuu.com/ - thanks Loretta, who provided both the link and this example

Helping your study skills:

http://www.educationatlas.com/study-skills.html (thanks, Misty!)

New Ideas:

Calling lightbox from Flash

The Ultimate WebDev Cheatsheet (including html5) - thanks Franky!

Code Flickr: http://code.flickr.com/

Portfolio Books and Book binding:

http://thekeyprintingandbinding.com/

Tips & Tutorials for Layouts:

Links courtesy of AICA-SF graduate, David Carmona:

create-a-clean-and-colorful-web-layout-in-photoshop/

30-easy-to-follow-photoshop-layout-design-tutorials/

And some additional information:

http://abduzeedo.com/10-awesome-free-photoshop-brushes

http://www.opensourcetemplates.org/

/free-css-layouts-and-templates/

http://circleboxblog.com/2009/resources/9-tileable-grunge-textures/

Photography Resources:

http://www.greenstockmedia.com/ - a good GREEN alternative for your photography needs by a former student, Mike Kahn

Mike also sent along some excellent tips for SEO
The attached SEO cookbook and supplement PDFs are a great educational tools for search engine optimization. It was created by PhotoShelter which manages photographer archives/websites, and I actually utilize their services, however the information is largely platform agnostic. I think you and your students will get a lot out of

http://pa.photoshelter.com/mkt/seo

http://pa.photoshelter.com/mkt/seo-kit-for-photographers

Stock Xchange

Can Stock Photo Clip Art and Stock Photos Can Stock Photo offers professional royalty free stock photography at affordable prices. The site's high-quality images start at $1, and a generous license agreement gives users the flexibility they need. Whether you need an image for advertising, presentations, brochures or just decoration, Can Stock Photo has you covered with its database of more than 1 million images! The site offers free weekly downloads with thousands of new images added every week.

Teaching Tips:

Courtesy of Mark Condon: http://honolulu.hawaii.edu/

CSS fixes

Clearfix in CSS: http://www.webtoolkit.info/css-clearfix.html

3 pixel jog in IE6: http://www.positioniseverything.net/explorer/threepxtest.html

Making Your Footer Stick: http://fortysevenmedia.com/

CSS Blueprints:

from Franky: Awesome CSS blueprint.
http://www.blueprintcss.org/

Documenting your work, reference material

Wilson Web, an online database of research on a wide range of subjects

http://www.corkdump.com/ - everything about everything multimedia

From Lisa Martinikis: http://okaydave.com/ - an inspiring archive of his portfolio and documention of the process. A must see.

http://freelancefolder.com/42-questions-every-freelancer-should-ask-their-clients/ submitted by David Carmona, 2009 graduate.

Blogs:

Blogger (standalone system)

WordPress (choose the option to incorporate within your site)

WordPress Toolbox from Smashing Magazine (Thanks, Jarques!)

http://ma.tt/2007/08/browser-stats/ Browser Stats from the blog of Matt Mullenweg, co-founder of the open-source blog company WordPress

Contracts

http://www.davidairey.com/using-freelance-graphic-design-contracts/ (thanks, Lisa!)

http://www.wilsonweb.com/worksheet/pkg-con.htm

http://www.ecommerceattorney.com/webcontract.html

http://www.allgraphicdesign.com/graphicdesign-contractsforms.html

http://provider.com/contracts.htm

Student recommendations:

Best of Photoshop Tutorials by Smashing Magazine (great magazine recommended for online subscription!)

Free Web Hosting: http://www.000webhost.com/. Untested but posted by Diana

Test your design on different browsers: http://browsershots.org/ from our own John Johnson.

I recently stumbled onto Corkdump, which seems to be a repository for web developers.
http://www.corkdump .com/ from former SWAP president, Jarques Pretorius

From our good friend, David Carmona at http://redescape.net/, the links and his comments below:

Targeted towards designers:
http://www.bluevertigo.com.ar/bluevertigo.htm

--Free Patterns (must give credit, if your site gets big)
http://www.squidfingers.com/patterns/

Color Charts

http://www.moma.org/interactives/exhibitions/2008/colorchart/

Return To The Top

Targeted towards developers:

http://www.devlisting.com/

http://redescape.tumblr.com/post/24130883

--SEO Lovers (good friend of mine developed this, useful SEO)

http://redescape.tumblr.com/post/25703793

Basic Web Design

Free FTP: http://www.smartftp.com/

This is that site that makes html code for movies http://cit.ucsf.edu/embedmedia/step1.php

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.

Online resources guide for graphic design tools - Covers the basic Adobe suite of design tools

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.