Directed Design learning tools with validation steps
Directed Visual Principles learning tools with validation steps
The quintessential information design book.
Great book for learning some fundamental design principles and how they apply to the web
Directed Grid learning tools with validation steps
Helps generate custom grid patterns to throw in th background of your site while building.
Who says I can’t do a little self promotion?
Grid calculator for columns and gutter
A responsive grid framework based on the golden ratio.
Adaptive 16 column grid framework and base styles.
Overlays grid on top of your site. Helpful when building out your grid on the web.
Directed Typography learning tools with validation steps
Two lists of Google web fonts that, well, are better than the rest.
A fun pairing game for typefaces. A good way to practice choosing and paring typefaces.
Calculator to help build a modular scale within your type.
The greatest book on type as applied to websites.
A nice reference for the proper use of quotes, accents and dashes with keyboard shortcuts.
Video about executing typography on the web.
Reference list for good font stacks.
One of the few sites to find high quality typeface that can be embedded on the web.
Downloadable fonts that have varying quality and licences to add to your site.
Game that helps you match color and get good at color pairing.
Trick in Photoshop to help color matching.
Mac color picker app.
A nice little color chooser in the browser.
Visualize SASS color functions in real-time without compiling.
Slight patterns for background noise.
Article about color about how to purposefully use color functions in Sass.
Site for finding premium icons.
A nice showcase of HTML entities. Whats better than an HTML entity for an icon?
Gives you the ability to pick icons from a selection of open-source icons and combine them into a font.
Open source icon project.
Free minimal icons for Photoshop.
A bunch of design resources.
Directed CSS learning tools with validation steps
Directed Sass learning tools with validation steps
thoughtbot’s open source Sass library
Another book from A Book Apart. It covers all the new CSS3 styles and selectors.
A plain language explanation and reference for all of the HTML5 elements.
A nice walk though and explanation of CSS layout techniques.
THE book on responsive design. At this point it’s a must read for any designer on the web.
Presentation for CSS3
Simply a list of CSS selectors that are very helpful.
Reference for which browsers support which CSS & HTML features.
The default reset right now for CSS developers.
Good library for simple CSS animations.
Good video to watch about crafting your CSS.
The classic book on usability on the web.
A periodical for web designers. A must read every month.
Article on wireframing and sketching for web apps
Google Ventures design blog.
Seminars from the premiere usability experts on current web design topics
Collection of talks from Creative Mornings, a free lecture series around the world. They are great for motivation, inspiration and deign thinking.
Video about our thinking as designers and what we do when we put things into the world.
A gallery of websites.
UI design inspiration
An assortment of design and art related images. Not always SFW.
A design community of 400x300 pixel shots.
A catalog of specific UI elements
Visual bookmarking tools that can be used as an inspiration collection tool.
A Mac app that collects all types of inspiration and helps you categorize them.