Web Resources from Casa Basa ~ blending art with technology

Design stuff:

http://www.bamagazine.com/
Smashing Magazine
Photoshop alteratives: GIMP (student recommended), list of several alternatives

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!

Portfolio Books and Book binding:

http://thekeyprintingandbinding.com/

Tips & Tutorials for Layouts:

Links courtesy of AICA-SF graduate, David Carmona:

And some additional information:

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

Resources and student recommendations

Free and trustworthy counters: http://www.digits.com/create_counter.html

Colour Lovers

Video tutorials to get you started:

Displaced (or remote) rollovers in Dreamweaver
Setting up your site in Dreamweaver (to the school OLS)
Test your eye-hand coordination, using your mouse

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

From Mark Condon:

http://csstinderbox.raykonline.com/

How To Make Sexy Buttons using CSS

January 13, 2008: recommendations from Sebastian:

URLS:

http://www.cssbeauty.com/

http://www.freecsstemplates.org/

http://psdtuts.com/designing-tutorials/9-essential-principles-for-good-web-design/

CSS BOOKS:

Principles of Beautiful Web Design

Art and Science of CSS

Essential Guide to CSS and HTML Web Design

Interesting site: (from Spooky): http://www.scifi.com/tinman/oz/

Interesting site: (from Franky): http://lab.mathieu-badimon.com/

Interesting site: (from Adam):
http://www.incog.fr/

-- Anthony Prusakowski Interactive Media Designer www.ap-design.us

"hey i found some goodies from are friends adobe!"

http://istockphotos.com/ - inexpensive videos and graphics
http://labs.adobe.com/ they now have full previews for after effects and Premiere Pro CS3!!!
http://www.microsoft.com/silverlight/default_01.aspx
sliverlight is Microsofts 'Flash killer app' lol, we will see huh. there is a video preview and download a preview. OH, there site will only play the video in IE. http://www.jalipo.com/epg/
This is a professional video upload service, like youtube with out the normies. http://www.downloadsquad.com/2007/04/16/adobe-announces-a-flash-based-media-player/ Adobe is now working on a All flash web browser!

Some of my own collection...

Cascading Style Sheets

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

Stock Photography at Foto Search - sent in by the company " Foto Search Stock Photography allows users to search from more than 3 million images from over 140 quality stock photography publishers at one site. They can also find royalty-free clipart pictures, illustrations, motion stock video clips, vector maps, and background clip art imagery." Let me know if it's of value or should be removed from this list.

Return To The Top

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.
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.

Other Sites of Interest

Fight spam: http://acme-web-design.info/
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)

Return To The Top

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)

Lynda.com (Everything)

Downloads:

Macromedia (Adobe) Exchange

Dreamweaver Depot

Dreamweaver Extensions Database

Download.com (safe place to get Spybot Search and Destroy)

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.

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

www.altavista.com

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/