Smashing Magazine - http://jobs.smashingmagazine.com/
Freelance jobs - http://jobs.freelanceswitch.com/
Code for America (a new kind of public service) - http://codeforamerica.org/
Authentic Jobs - http://www.authenticjobs.com/
Coroflot - http://www.coroflot.com/public/jobs_browse.asp (you can upload your portfolio to Coroflot)
http://www.creativehotlist.com/ - Communication Arts
https://coderbits.com/ uses your LinkedIn account to create
http://www.tineye.com/ Find information about a graphic, where is it? where did it come from?
http://www.premiumpixels.com/freebies/apple-ios-linen-texture/ - He also has free themes and templates
http://dunked.com/ - Same guy as above, create an online portfolio without knowing code (for others not my web students)
For testing your layout: https://usabilityhub.com/
Filter thumbnails through jquery: http://www.jscraft.net/
Nivo Slider -http://nivo.dev7studios.com/
Sliderion - http://www.slidorion.com/ - gallery and accordion panels
FlexSlider - http://flexslider.woothemes.com/basic-carousel.html. From our friends at Smashing Magazine. Responsive design is available.
3d Carousel - http://www.professorcloud.com/mainsite/carousel.htm
Minimalist slideshow gallery - http://tympanus.net/codrops/2010/07/05/minimalistic-slideshow-gallery/
Thumbnail and media viewer - http://highslide.com/#licence
CSS Tricks' Anything Slider - http://css-tricks.com/examples/AnythingSlider/
Scroll effects: http://lab.hakim.se/scroll-effects/
SEO search http://www.screamingfrog.co.uk/seo-spider/ a small desktop program you can install on your PC or Mac which spiders websites’ links, images, CSS, script and apps from an SEO perspective.
http://www.getskeleton.com/ - grid, responsive web design and more! Standards based.
Calendar: jQuery plugin for Google calendar (thanks, Kosta!)
http://www.codecademy.com/ - Learn to Code
http://www.phonegap.com/ - Open source mobile framework
http://jqtouch.com/ - jQuery plug in for mobile applications
Easy CSS sprite creator - http://www.spritebox.net/
Character Entity Reference: http://digitalmediaminute.com/reference/entity/
Google Font Smoothing: http://www.googlefonts.com/make-google-fonts-look-even-better/
http://www.css3maker.com/ - CSS3 generator
http://css3please.com/ - another generator but helps you learn how various transforms work
JQuery Zoom: http://www.labs.skengdon.com/imageZoom
ctrl+shift+j open Chrome developer pc and cmd+opt+j on a mac
Extra plus for this one: http://css3pie.com/ - with a tag line of progressive internet explorer, this one promises to help you resolve your IE css3 woes
And when you are done adding all your gradients and such, try this site: http://compass-style.org/ an open source css framework for writing clean, compressed code
10 Things I have learned - Dr. Milton Glaser
320 and up - http://stuffandnonsense.co.uk/projects/320andup/ - design the smartphone version first, then build up to the desktop
http://www.amazium.co.uk/ - Responsive grid
http://www.quirksmode.org/blog/archives/2010/09/combining_meta.html - combining viewport and media queries
http://www.1stwebdesigner.com/css/how-to-use-css3-orientation-media-queries/ - a good basic explanation of @media queries
Safari Guidelines to media queries, for iphone and ipad dimensions
Dimensions for all media, using media query: http://css-tricks.com/snippets/css/media-queries-for-standard-devices/
http://www.w3.org/TR/css3-mediaqueries/ - W3C word on using media queries
Tips for creating mobile sites - very clear instructions on using media queries
Neil Tan's lecture on responsive web design: Responsive Web Design
A List Apart: Responsive Web Design
Flexible images: http://unstoppablerobotninja.com/entry/fluid-images
PNG transparency fix in IE6: http://24ways.org/2007/supersleight-transparent-png-in-ie6
Cheat sheets: all kinds!
How to write requests for information: http://www.netdynasty.com/articles/request-for-information-template.asp and http://webdesign.about.com/od/freelancing/qt/project_form.htm will help you get started.
Private message system
Illustrator cheat sheets: http://www.wellsdrew.com/education/illustrator/
Online royalty free clipart: http://www.clker.com/
Photoshop alteratives: GIMP (student recommended), list of several alternatives
PNG Optimizer for the MAC suggested by Scott Cooksey
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://www.educationatlas.com/study-skills.html (thanks, Misty!)
The Ultimate WebDev Cheatsheet (including html5) - thanks Franky!
Code Flickr: http://code.flickr.com/
Links courtesy of AICA-SF graduate, David Carmona:
And some additional information:
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
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.
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/
Wilson Web, an online database of research on a wide range of subjects
http://www.corkdump.com/ - everything about everything multimedia
http://freelancefolder.com/42-questions-every-freelancer-should-ask-their-clients/ submitted by David Carmona, 2009 graduate.
Blogger (standalone system)
WordPress (choose the option to incorporate within your site)
Best of Photoshop Tutorials by Smashing Magazine (great magazine recommended for online subscription!)
From our good friend, David Carmona at http://redescape.net/, the links and his comments below:
Targeted towards developers:
--SEO Lovers (good friend of mine developed this, useful SEO)
Free FTP: http://www.smartftp.com/
Free web hosting (not tested by me so this isn't an endorsement, just a listing): http://www.zymic.com/free-web-hosting/
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.
W3 Org's Style Document - They wrote the language, so pay attention to what they say.