Resources

Articles

The Employable Web Designer 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


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


Design Process

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


Flash

ActionScript 3 Tutorials Does Flash irk me? by Veerle Pieter Flash tutorials for creating visual experiences


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


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


Mobile

iPhone GUI PSD Inside the App Economy


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 on the Web

The changing typography of the Web


User Experience (UX)

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


Web

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


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