Web Design & Technology
Color
- Color palette creator v1.6.1
Create Palettes with complimentary tones of the same color
- Color.org
Create Palettes by sampling from an image. - 18 Butterflies and their Color Palettes
Typography
- Mike Davidson — sIFR 2.0: Rich Accessible Typography for the Masses
Flash Text automagically… nice! - My Favorite Free Fonts, by Vukan Karadzic
Very nice selection of free fonts
Image Sites
Image Tools
- CleVR » Panoramic photography and image stitching blog
Online tool for stitching individual photos together to create VR images
Testing
- The W3C Markup Validation Service
Validate your code! - Mobile Web
Test what web pages look like on a mobile phone. - Install multiple versions of IE on your PC
This is an installer that allows you to have multiple versions of IE on the same computer. Version number shows up in the toolbar. Very helpful for testing.
- Flash Switcher extension for Firefox
Lets you test different versions of Flash on your flash content, with a firefox plugin. - Safari for PC
Yes, that’s right, the Safari browser is available for your PC now.
Articles and Research
- Reading on the Web (Alertbox)
- Top Ten Mistakes in Web Design (Jakob Nielsen’s Alertbox)
- Pew Internet & American Life Project
- Learning Independence: New Approaches For Educating The Net Generation
- The Future Of Learning Is Informal And Mobile: A Video Interview With Teemu Arina
Scriptaculous and "Special Effects"
- eric hill » A Prototype and Scriptaculous primer for designers
Why designers should care about this technology - scriptaculous_fx1.pdf (application/pdf Object)
combination effects cheatsehhet - dls_scriptaculous_cheat_sheet.pdf (application/pdf Object)
script.aculo.us cheat sheet - lightWindow Demo
Will open ANY typ of file center, grey out background. SUPER cool. Used on the Design pages of this site - Highslide
Very nice, like this a little better than LightWindow, BUT, it costs $30 for commercial websites - Dynamic Drive DHTML Scripts- Lightbox image viewer 2.03
AWESOME Photo Script - try ruby! (in your browser)
Try Ruby on Rails
CSS
- CSS Star Rating Redux » Blog » Komodo Media
Star ratings for blog posts or other items, using CSS - CSS Cheat Sheet
Great printable cheatsheet for CSS coding - 53 CSS-Techniques You Couldn’t Live Without | Smashing Magazine
- My Top Ten CSS Tricks [CSS Tutorials]
Highlights some great techniques, good explanations of where and why to use ‘em - OverZone Software-CSS Tab Designer
CSS tab design, super easy. Downloadable for windows. - Mandarin Design: CSS Boxes and Borders
CSS Image Borders - Dynamic Drive CSS Library- Practical CSS codes and examples
Lots of great CSS resources - Layout Gala
A collection of 40 CSS layouts based on the same markup and ready for download! - Targeting IE Using Conditional Comments
- eduStyle || Inspiration for Campus Web Designers
Education Sites done with CSS Design - PHP: Style Changer | Mike’s Experiments | MikeCherim.com
CSS Style Changer Script - NICE! - Free CSS Navigation Menu Designs at exploding-boy.com
CSS Tabs… NICE
Server Side Includes
- Server Side Includes Tutorial
Server side includes are great for things like keeping the last updated date current. This is a very easy to follow tutorial on how to use them.
Multimedia
- Multimedia Training
Web & Multimedia Basics. Aimed at Reporters, but a good resource for all.
Flash
- Drag and Drop flash exercises - Macromedia Flash - ReviseICT.co.uk
How to create various types of Flash excercises - Rich Chart Live - Home
Create Animated Charts
Audio
- Flash MP3 Player
Flash based MP3 player, name, length, album art, etc, OR simple player button. - Audacity: Free Audio Editor and Recorder
Great free audio editor.
RSS
- xFruits - Compose your information system
RSS to anything, anything to RSS. Looks pretty sweet. - Video: RSS in Plain English
Very simple video explanation of what RSS is. from Common Craft - Social Design for the Web - 42 Uses for RSS/Atom Feeds
Long list of what you can do with RSS feeds.
Mapping
Tools
- zSHARE - Free Image, Video, Audio, Flash and File Hosting
Share files too big to email - Zamzar - Free online file conversion
- Imagination Cubed
Virtual Whiteboard - Collaborative writing software online with Writeboard. Write, share, revise, compare.
Writeboard - text only, but with version tracking, edits by invitation. - Letterpop
Online newsletter creator. Very simple, great layouts. Give it a try. You can email or print your final creations. - ToonDoo - The Cartoon Strip Creator - Create, Publish, Share, Discuss!
Cartoon Strip creator, via drag and drop. Pretty cool. - meebo me widget!
Chat window embeddable in your webpage. Talk to other users, connects with many versions of popular IM software. - Snap Shots
Link Previews, specific to link type, from .mp3, to wikipedia, to the traditional screen shot. - Google Scholar
This is a super sweet search by google. It taps into
University libraries, and allows auto-export of references into several
tools. GREAT search.