SIMON FOSTER

Useful Tools & Resources

Jul 04 2011

Useful Tools & Resources

I get quite a lot of emails from design stu­dents ask­ing my advise on how they can improve their design skills and also what resources I rec­om­mend they check out. So I thought I’d put together a post that can be used as a quick ref­er­ence for design­ers of all lev­els. This is basi­cally a list of use­ful resources, tools, tuto­ri­als, blogs etc that have really helped me in my day-to-day web designing.

I will be adding to this list as and when I come across new inter­est­ing stuff.

Typog­ra­phy / Fonts

Fontsquir­rel
The League of Move­able Type
Lost Type Co-op
Dafont.com
Type­kit
Baconip­sum
Free Faces
Haäfe & Haph Amper­sands
What The Font
Hoe­fler & Frere-Jones
8 Faces
Ten By Twenty
Fonts In Use
Weird and Won­der­ful Type­faces
Google Web Fonts
OSP Foundry
Mid-Century Mod­ern Type­faces
Wood Type Revival
Basics Of Typog­ra­phy
Typo­nine
Type­dia
P.S.type

Pat­terns / Tex­tures / Icons

Sub­tle Pat­terns
Take My Tex­ture
The Noun Project
Naomi Atkin­son Prod­ucts
Social Media Icons
Func­tion Sub­tle Grunge Brushes
Pre­mium Pixels

HTML / CSS / Code

Less Frame­work
Copy Paste Char­ac­ter
CSS3.info
CSS Tricks
HTML5 Reset
HTML5 Doc­tor
Don’t Fear The Inter­net
1140 CSS Grid
Golden Grid System

Javascript / jQuery Plug-ins

Lettering.js
Fit­Text
Big­Text
jQuery Back­stretch
Iso­tope
jQuery Masonry
Fout B Gone
Mod­ern­izr
Count­down
MediaElement.js
Por­ta­mento
Spin.js
Cho­sen
Fitvids JS
Flexs­lider

Design Inspi­ra­tion

Grainedit
Project Thity Three
Cen­ter Of Atten­tion
False Arms
Grain & Gram
Fffound
Design­spi­ra­tion
Vin­tage Audio Cas­settes
Things Mag­a­zine
Exhibit Poster
Eight:48
Design Swap
Cargo Col­lec­tive
The Inspi­ra­tion Grid
Test Press­ing

Design Blogs

Design Heroes
Method & Craft
Smash­ing Mag­a­zine
24 Ways
X Height
DesignLi.st
The Design Cubi­cle
Cog­ni­tion
A List Apart
Think Vit­a­min
Unmatched Style
Design Informer
Web Is Love

Gal­leries

Make Bet­ter Web­sites
Sitein­spire
Awwwards
Webcreme
Sii­im­ple
Design­shack
The Best Designs
CSS DSGN
One Page Love
Mediaqueri.es
Style­boost
Style Inspi­ra­tion

Mis­cel­la­neous

Make Pho­to­shop Faster
960 Grid Sys­tem
A Book Apart
Color Lovers
Loads In
Stark­ers Word­Press Theme
Weenudge
Inker Linker
Con­ver­ti­con
Ifttt