Resources
Top Resources
lynda.com
Smashing Magazine
.net magazine
Opera Web Standards Curriculum
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
12 Breeds of Clients and How to Work with Them
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
15 Highly-Useful Resources for Cross Browser Testing
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
30 CSS Best Practices for Beginners
CSS 3
Andy Clark: Animatable – Mad Men Animation (View in Safari or Chrome)
Data Visualization
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 QuickTime 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
Graphic Design
Graphic Design: The New Basics
50 Graphic Design Theory Resources
Learn the Basics of Design this Weekend
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
Inspiration
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
Designing for the iPhone (A+)
iPad Design Resources
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
Photoshop
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
Brian Solis
Chris Brogan
Mashable
ProBlogger
Social Media Examiner
Social Media Club
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
Review of Popular Web Font Embedding Services
Using Cufon
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 Design Best Practices Checklist
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
Top 60 WordPress Resources
Beginners Guide for WordPress
WordPress Resources- Lorelle on WordPress
WordPress as a CMS
CSS Tricks
What is a CMS? (VIDEO)
What is WordPress? (VIDEO)
Anatomy of a WordPress Theme
Top 10 WordPress Terms You Should Know
WordPress Themes
Free Minimal, Swiss Design WordPress Themes (4 Themes)
Essential Reads
Essential Resources
| A LIst Apart | @alistapart |
| Mashable | @mashable |
| Ten Ton Books | @tentonbooks |
| Smashing Magazine | @smashingmag |
| SitePoint | @sitepointdotcom |
| lynda.com | @lyndadotcom |
| Webdesigner Depot | @designerdepot |
Essential Tools
| WordPress | @wordpress |
| TextWrangler | |
| Cyberduck | |
| RescueTime | @rescuetime |
| Scrivener | |
| TweetDeck | @tweetdeck |
Essentials re: Web Design Education
| Leslie Jensen-Inman/Teach the Web | @jenseninman |
| Opera/The Web Standards Curriculum | @opera |
| WaSPInterAct | @waspinteract |
