I’ve gathered a list of websites I use almost every day in some form for web development and design, every site serves a purpose, and the collection of sites covers every single required resource in any web project I can think of (well, as long as PHP is the main backend language).
I’ve split the list into four categories so you can jump down to them quickly: Graphics, Photoshop, Tutorials, Inpsiration & General.
Graphics : icons, fonts, etc
Icons, one of the most over-abused things which websites LOVE to list in huge quantities in return for lots of diggs. Here are some real icon resources which have actually helped me:
1. http://www.iconlet.com/ - an archive of literally thousands of icons from many many popular sets online. A great place to find new iconsets when looking for one specific icon via the search.
2. http://www.iconarchive.com/ - although the site is overly cluttered, there’s a surprising number of excellent iconsets hidden within.
3. http://www.iconfinder.net/ - the third and final icon search site, this site tends to display larger icons than the above, possibly more useful in a desktop/large menu environment, yet still a good resource.
4. http://www.dafont.com/top.php - daFont is an excellent site, but more useful than all is the top 100 font list, a wonderful selection of some amazing fonts. However, be sure not to use the “free for personal use” ones on commercial projects, an easy mistake I have made in the past.
5. http://ilovetypography.com/ - it’s all about the sidebar for resources on ilovetypography. An excellent monthly updated list of top-notch fonts to get dug into.
6. http://www.textureking.com/ - a great resource for all kinds of different textures. Perfect for overlays, backgrounds, etc
7. http://www.tenbytwenty.com/ - as stated on their site, Ten by Twenty make splendid little pixel-based products: wordpress themes, icons & fonts.
Photoshop: brushes, .psd files, etc
1. http://www.deviantart.com/#catpath… - deviantART’s photoshop brushes collection is the best in the world, that link goes to the most popular of all time, there’s some amazing stuff there.
2. http://www.deviantart.com/#catpath… - another deviantART link, this time to their all time popular photoshop .psd files, more excellent work to use and play with in there too.
3. http://www.psbrushes.net/ - a relatively small collection in relation to deviantART, but this means that generally, the brushes are of higher quality.
4. http://myphotoshopbrushes.com/ - a site dedicated to photoshop resources including brushes, patterns, shapes, tutorials.
5. http://www.brusheezy.com/ - one of the larger sites dedicated to photoshop brushes and patterns, some excellent stuff is to be found here.
Tutorials: design, code, etc
1. http://psdtuts.com/ - excellent site you most likely already know. Instead of many mid-quality photoshop tutorials, the site contains less (although there’s quite a lot now) amazing quality tutorials from many well known photoshop - genii.
2. http://nettuts.com/ - from the same people as PSDTUTS (above) comes NETTUTS, an excellent tutorial site with more code and website related tutorials.
3. http://webdesignfromscratch.com/ - some excellent tutorials on everything you need to know to create a website from scratch. Including many under-talked-about topics such as wire-frames, information architecture and marketing/SEO.
4. http://tutorialdog.com/ - more quality tutorials accross a range of subjects: photoshop, javascript, max osx, html & css
5. http://w3schools.com/ - apparently some people hate this site, but I’ve found it extremely useful as a very quick little markup reference, especially when learning a new language (javascript for me).
Inspiration: css galleries, art, etc
1. http://cssmess.com/ - my own gallery tops the list, but seriously I believe we show the most inspiring sites on the web (as well as the messy ones too)
2. http://cssmania.com/ - probably the most updated gallery, but recently the sites have lowered significantly in quality, most new sites get put on it, which is a shame really.
3. http://bestwebgallery.com/ - one of my favorite css galleries, the sites are always very inspiring and of great quality.
4. http://webcreme.com/ - the last gallery, with again, some excellent quality sites.
General: other useful sites
1. http://www.smashingmagazine.com/ - a site I constantly read for their long, well writen articles relating to design and design on the web.
2. http://designreviver.com/ - one of the better roundup sites, with some quality tutorials too.
3. http://www.webdesignerwall.com/ - amazing tutorials, excelletn design analysis, a must read.
4. http://www.sxc.hu/ - an awesome and more importantly, free, stock photo website