sccc.premiumdw.com

HCDE532 » Resources

Books:

• Don’t Make Me Think: A Common Sense Approach to Web Usability, by Steve Krug
• HTML5 Mastery: Semantics, Standards, and Styling, Anselm Bradford , Paul Haine
• CSS Mastery: Advanced Web Standards Solutions, Andy Budd, Simon Collison, Cameron Moll
• PHP Solutions: Dynamic Web Design Made Easy, by David Powers
• Digging into WordPress, by Chris Coyier & Jeff Starr
• Responsive Web Design by Ethan Marcotte, by Ethan Marcotte

Websites:

• Lorem Ipsum – All the facts | Lipsum.com
• HTML Lorem Ipsum | html-ipsum.com
• Color Trends + Palettes | COLOURlovers.com
• Adobe Color Palettes | Kuler by Adobe.com
• 400+ High Quality Patterns | DesignReviver.com
• 960px Grid System | 960.com
• Design Elements, Trends & Problems in Web Design | DesignMeltdown.com
• Fluid 960 Grid System | Design Influences
• Icons & Icon Packs Download | IconsPedia
• Wireframes to Visual Design | WireframeShowcase
• A documentation system to produce wireframes, etc. | EightShapes Unify
• Rehabilitation Institute of Washington Client Staging Area | Premium Design Works
• Immediate Unbiased Design Advice | Good Fucking Design Advice
• Because Every IA Has Something Funky Up Their Sleeve | Wireframes Magazine
• Mozilla Developer Network | Mozilla
• For People Who Make Websites | A List Apart
• Shiny (Responsive) Demos | Media Queries
• A rock-solid default template for HTML5 | HTML5 Boilerplate
• HTML Element Reference | w3schools

Articles:

• Grid and Column Designs | Web Designer Wall
• Why You Should Create a Wireframe First | Propaganda Party
• Quickstart on Prototyping with Wireframes | EightShapes
• A new global visual language for the BBC’s digital services | BBC Internet Blog
• Common Fonts for Windows & Mac | Web Design Tips & Tricks
• Responsive Web Design: What It Is and How To Use It | Smashing Coding
• Keeping Navigation Current With PHP | A List Apart
• Ultimate Guide to Website Wireframing | Six Revisions
• Responsive Web Design | A List Apart

Tutorials:

• Creating a Website Wireframe in Illustrator | Premium Design Works
• Creating Tints & Shades in Illustrator | Premium Design Works
• Building a Website Wireframe in Illustrator | AiBURN
• How to Convert a Photoshop Mockup to XHTML/CSS | Line25
• The Right Way to Wireframe | YouTube
• Create a Responsive Web Design with Media Queries | Line25

Downloads:

• 960px Grid System Illustrator Templates | 960.gs
• Barbacoa Information Architecture | Premium Design Works
• Barbacoa Wireframe | Premium Design Works
• Barbacoa Template | Premium Design Works
• Rehabilitation Institute of Washington Information Architecture | Premium Design Works
• Rehabilitation Institute of Washington Wireframes | Premium Design Works
• Mike’s 960 Grid Wireframe | Poo Machine
• Rehabilitation Institute of Washington Color Palette | Premium Design Works
• Rehabilitation Institute of Washington Master Art | Premium Design Works
• Rehabilitation Institute of Washington Page Templates | Premium Design Works
• Building an HTML Template From Master Art | Premium Design Works
• Building an HTML Protosite Using PHP | Premium Design Works
• Wireframe Symbols | Johnny Nines
• Sketching & Wireframing Kit | Janko At Warp Speed
• Sketchy Illustrator Wireframes | Matthew Rea Design
• Sqetch Illustrator Wireframe Toolkit | Wireframes Magazine
• Free Illustrator Wireframe Elements | HM Web Solutions
• Design Stencil Kit version 1.0 | YAHOO!
• Webpage Wireframe Stencil | Pixeden
• User Interface Design Framework | Webalys
• Illustrator 974px Grid System (12) | The Grid System
• JQuery Cycle Plugin | Malsup
• A Tiny jQuery Slideshow Plugin | Craftyslide