Resources

Revised: 02/11/11

Articles

The Employable Web Designer (Thanks Bill!)
Five Things Interaction Design Probably Isn’t
The Role of Flow in Web Design
Fitts’s Law Applied to the Web
The future of wireframes?
How to size text using ems


Blogs

Adaptive Path
A List Apart
Core 77
Designer Depot
Design Informer
Flash Den
Flashtuts
lynda.com
Nettuts
SitePoint
Smashing Magazine
WebDesignerWall
The Biggest List of Graphic Design Blogs


Books

Designing Interactions
The Design of Everyday Things
UX Bookstore
Designing Interfaces Website
Web ReDesign 2.0: Workflow that Works
Graphic Artists Guild Handbook (Graphic Artists Guild Handbook of Pricing and Ethical Guidelines)


Browsers

Resolution sizes
Mozilla Firefox
Web Developer Toolbar (https://addons.mozilla.org/en-US/firefox/addon/60)
ColorZilla (https://addons.mozilla.org/en-US/firefox/addon/271)
MeasureIt (https://addons.mozilla.org/en-US/firefox/addon/539)
Cross Browser Testing: Browser Seal


Coding

Simple Guide: How To Get Started With jQuery


Content Management Systems (CMS)

CMS Tool Box


CSS

CSS Cheat Sheet
20 CSS Short Hands You’ll Love
List of Really Useful Tools for CSS Developers
Web Design 101: Backgrounds
Web Design 101: Positioning
Web Design 101: Floats
SitePoint CSS Reference
CSS Properties and Values
How to Size Text in CSS
Multi-Column Layouts Climb Out of the Box
Internet Explorer 6 CSS bug, margins, padding and how to fix it.
CSS Menus (Thanks Jenny!)
The Mystery Of CSS Sprites: Techniques, Tools And Tutorials


Design Process

Product Concept: Touchscreen Conference Phone
Redesigning the Expression Engine Site
Design Review Check sheets


Dreamweaver

Customizing Spry Menus:
http://www.justdreamweaver.com
http://foundationphp.com
http://help.adobe.com
Using QiuckTime Video with Dreamweaver


Flash

ActionScript 3 Tutorials
Does Flash irk me? by Veerle Pieter
Flash tutorials for creating visual experiences
Centering .swf file (verical and horizonal) in HTML page


History

History of Visual Communication: The Computer
Computer History Museum: Internet History 1962-1992
History of GUI (Graphical User Interface)
Operating System Interface Design Between 1981-2009


HTML

Editors
TextEdit
TextWrangler
BBEdit
Dreamweaver
Resources
HTML Cheat Sheet
SitePoint HTML Reference
(X)HTML Elements and Attributes
Column Structures
Two column structure: http://www.everythingaboutweb.com/classes/examples/2-column/
Two column faux structure: http://www.everythingaboutweb.com/classes/examples/2-column_faux/
Three column structure: http://www.everythingaboutweb.com/classes/examples/3-column/


Information Architecture

Overview of Information Architecture
Experience design & information architecture resources
The Information Architecture Institute’s IA tools
Sitemaps: Shape Library (Illustrator EPS file)
(Eric Turner’s quick reference guide is an easy one-page description of all the shapes & elements. And Scott Larson created this handy cheatsheet for quick reference to the various conditional elements.)
35 Excellent Wireframing Resources
Wirify: a bookmarklet that lets you turn any website into a wireframe


Information Design

Information is Beautiful


Interaction Design

SVA Interaction Design Video Series
Interaction Design Pattern Library
Yahoo User Interface Library


Interface Design

The Future of Interface Design
10 Free CSS Menus
Design Stencil Kit
Interface Design Patterns


JQuery

Flash vs. jQuery slideshows
jQuery for Designers
jQuery Sliders
Accordian
Animated Collapse


L.A. Designers & Creative Studios

Imaginary Forces – Design Company + Production House + Creative Agency
Blind – Multi-disciplinary motion graphics design studio
Motion Theory – Creative Studio
Shadowplay Studio – Design and Content Studio
Prologue – Live Action and Graphic Design
Brand New School
Hello Design
Warren Group|Studio Deluxe – Linda Warren
KBDA
Chase Design Group – Margo Chase
Sisu Media
Louey /Rubino
Baker Brand Communications
Siegel + Gale
Adams Morioka
Schematic
Primitive Spark


Mobile

iPhone GUI PSD
Inside the App Economy
List of digital distribution platforms for mobile devices
iPhone apps
Blackberry apps
Tutorials for Making Your Website Mobile Friendly


Online Magazines

Boxes and Arrows
Digital Web Magazine
Wireframes Magazine


People

Alan Cooper
Brendan Dawes
John Maeda
Eric A. Meyer
Bill Moggridge
Veerle Pieters
Dan Saffer
Nathan Shedroff
Jason Santa Maria
Khoi Vinh
Jeffrey Zeldman


Prototyping

Flairbuilder
Wireframe Template for Illustrator
Sketches, Wireframes & CSS
iPlotz: Wireframing, Mockups & Prototyping for Websites and Applications
Omnigraffle
Fireworks
Dreamweaver
Flash
Brendan Dawes: Sketches & Doodles


RSS Feeds

RSS Tutorial
Yahoo Pipes
Netvibes
Google Reader
Bloglines
127 RSS Feeds Designers Should Subscribe To


Scripts

A downloadable PHP script for form work


Social Media

85+ of the Best Twitterers Designers Should Follow


Studios/Agencies

frog design
Kicker Studio
R/GA
Razorfish


Typography

The changing typography of the Web
29 principles for making great font combinations
I love typography: A Guide to Web Typography Guide
A Basic Look at Typography in Web Design
Learn the Basics: 25+ Sites And Resources To Learn Typography
Four Ways to Combine Fonts
Font in Use


User Experience (UX)

Resources on Personas
10 Best UX (User Experience) Design Blogs
52 Weeks of UX


Web

Web Smart TV
Designers Toolbox
FormLogix: Online form builder tool
The Motive Web Design Glossary
Web typography
CSS Zen Garden
Web Style Guide
Web Design from Scratch


Web Critiques

Guggenheim
WhiteVoid


WordPress

WordPress.tv: Your Visual Resource for All Things WordPress
Ultimate Guide To Using WordPress For A Portfolio
WordPress Tutorial Collection
110+ Massive WordPress Video Tutorial Collection

WordPress Themes
Free Minimal, Swiss Design WordPress Themes (4 Themes)