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