Today Andy and I decided to produce a top list of our favorite 100 resources \u00a0for web designers<\/strong> that we have used and enjoyed over the past few months. These resources include icons (my personal favorite), WordPress Themes, Plugins, Software, Applications and some really cool tutorials made by us and other great websites. Let us know which ones you use and what other resources you think should be added to the list! Enjoy!<\/p>\n

Icons<\/h2>\n

Adobe Work Folders<\/h3>\n

The adobe product collection in the form of folder icons.<\/p>\n

<\/p>\n

City Icons<\/h3>\n

An awesome variety of different icons in this set.<\/p>\n

<\/p>\n

Simplexity File Icons<\/h3>\n

A great set of 120 different file extension icons both in png and ico format.<\/p>\n

<\/p>\n

Web Applications<\/h3>\n

A funky set of web application icons.<\/p>\n

<\/p>\n

Social Networking Icons<\/h3>\n

Some great sets listed here! High quality social networking and app icons.<\/p>\n

<\/p>\n

Vector Icons<\/h3>\n

A top botch set of vector icons, including the classic magnifying glass and email icon.<\/p>\n

<\/p>\n

Vista Icons<\/h3>\n

A great collection of free vista icons.<\/p>\n

<\/p>\n

Onibari<\/h3>\n

A set of leopard made folders.<\/p>\n

<\/p>\n

Ultimate RSS Icon Collection<\/h3>\n

The biggest set of RSS icons.<\/p>\n

<\/p>\n

Function App Icons<\/h3>\n

A quality icon collection of various different objects. Made by the famous function.<\/p>\n

<\/p>\n

Simply Bold Vector Set<\/h3>\n

A premium vector set, but well worth the money. Made by Nick La.<\/p>\n

<\/p>\n

Tweet Me Up<\/h3>\n

Vector twitter pack with various twitter icons.<\/p>\n

<\/p>\n

Circular Social Media Icons<\/h3>\n

Circular social media icon pack with many different social networks.<\/p>\n

<\/p>\n

6 Twitter Icons<\/h3>\n

A set of very sweet twitter icons, free to download.<\/p>\n

<\/p>\n

40 Free GUI Icons<\/h3>\n

A collection of 40 great icon sets exclusive for web designers.<\/p>\n

<\/p>\n

eCommerce Icon Collection<\/h3>\n

A collection of eCommerce icons to use with a shopping cart.<\/p>\n

<\/p>\n

30 High Quality eCommerce Icon Sets<\/h3>\n

Here is a compilation of 30 high quality eCommerce icon sets.<\/p>\n

<\/p>\n

* * * * *<\/span><\/p>\n

Tutorials<\/h2>\n

Create An Orange Web Layout<\/h3>\n

One of our best tutorials on WebdesignDev. You cant miss.<\/p>\n

<\/p>\n

How To Create a Green Grunge Web Layout<\/h3>\n

One of our recent very popular web design tutorials.<\/p>\n

<\/p>\n

Design a Beautiful Website<\/h3>\n

Learn how to create a beautiful website from scratch.<\/p>\n

<\/p>\n

Learn Professional Workflow<\/h3>\n

Vector Tuts teaches us how to use professional workflow for illustrating a comic-style header image.<\/p>\n

<\/p>\n

Create a Web 2.0 Business Layout<\/h3>\n

This is a clean and simple tutorial where you can create a jazzy business layout.<\/p>\n

<\/p>\n

Create a Portfolio In 17 Steps<\/h3>\n

PSD Fan teaches us how to create a swish portfolio in 17 easy steps.<\/p>\n

<\/p>\n

Making a Clean Grunge Blog Design<\/h3>\n

Learn how to make this is a rough blog design.<\/p>\n

<\/p>\n

Sleek Web Design From Scratch<\/h3>\n

PSD Tuts teaches us how to create this extremely sleek and beautiful web design from the grounds up.<\/p>\n

<\/p>\n

Create a Business PSD Layout In under 10 Minutes<\/h3>\n

This is a very clean but stunning business PSD layout tutorial.<\/p>\n

<\/p>\n

Clean Business Layout<\/h3>\n

Another amazing tutorial from Grafpedia. This time a clean business layout that’s very eyecatching.<\/p>\n

<\/p>\n

Create a WordPress Portfolio Layout<\/h3>\n

Grafpedia teaches us how to create a simple yet outstanding portfolio layout.<\/p>\n

<\/p>\n

Create Apples Navigation Bar<\/h3>\n

The Apple navigation is extremely stunning. This tutorial from three styles teaches us how to create the apple navigation menu.<\/p>\n

<\/p>\n

Web App Admin User Interface<\/h3>\n

Web Appers have wrote an amazing turoail on how to create a web app admin interface.<\/p>\n

<\/p>\n

Web Layout Using Textures<\/h3>\n

Learn how to create a web layout using various different textures in Photoshop.<\/p>\n

<\/p>\n

Design a WordPress Theme using Photoshop<\/h3>\n

Grafpedia teaches us how to create a professional looking WordPress theme using Adobe Photoshop.<\/p>\n

<\/p>\n

Supercharge Your CSS with PHP Under the Hood<\/h3>\n

\n

Cascading Style Sheets is a presentational style sheet language. In that sense, it does not have a lot of the functionality that many developers want to satisfy their programmer instincts.<\/p>\n<\/div>\n

<\/p>\n

Creating a Usable Contact Form<\/h3>\n

The most obvious way to receive that feedback is through a contact form. UxBooth teaches us how to create a very usable contact form.<\/p>\n

<\/p>\n

* * * * *<\/span><\/p>\n

Scripts<\/h2>\n

jQuery Scrollable<\/h3>\n

Here is an awesome script that allows you to add a scrollable function to your site using the jQuery framework.<\/p>\n

Moving Boxes<\/h3>\n

Moving boxes is a very sleek jQuery slider script.<\/p>\n

<\/p>\n

Image Switch<\/h3>\n

This script built on the jQuery framework allows you to switch images easily with different transition effects.<\/p>\n

<\/p>\n

Lightbox 2<\/h3>\n

Lightbox 2 is a very easy to use image lightbox that can be added to more a less any website.<\/p>\n

<\/p>\n

Fancybox<\/h3>\n

Fancybox is an image lightbox thats a bit more fancy and features a different design compared to other image lightboxes.<\/p>\n

<\/p>\n

Facebox<\/h3>\n

Facebox is a Facebook lightbox clone. You can display images, videos, text, basically any type of content within facebox.<\/p>\n

Pure CSS Drop Down Menu<\/h3>\n

Here is a free drop down menu that runs completely in pure CSS.<\/p>\n

<\/p>\n

Animated Drop Down Menu With jQuery<\/h3>\n

This is a bit more of a complex drop down menu. It uses jQuery and has some sleek animation.<\/p>\n

<\/p>\n

* * * * *<\/span><\/p>\n

Web Applications<\/h2>\n

Iconfinder<\/h3>\n

Use iconfinder to search through thousands of free icons and icon sets easily.<\/p>\n

<\/p>\n

Mint<\/h3>\n

Mint is the best free way to manage your finances online. It has a sleek interface, and is very nice to use.<\/p>\n

<\/p>\n

What The Font<\/h3>\n

What the font is an amazing tool that helps you identify fonts from images or looking at each letter.<\/p>\n

<\/p>\n

Site Grinder 2<\/h3>\n

Although you have to pay for Site Grinder, it is an amazing piece of software that slices PSD files up into XHTML and CSS easily.<\/p>\n

Adobe Kuler<\/h3>\n

Kuler is a web app built on Adobe Air. It is one of the best online colour apps out there, free to use aswell!<\/p>\n

<\/p>\n

Dropbox<\/h3>\n

Dropbox is an easy way for anyone to share their files online. It basically puts a folder on your computer, where anything you put in that folder is available online, and across any other computer you sync your dropbox to.<\/p>\n

<\/p>\n

Bit.ly<\/h3>\n

Bit.ly is the king of all url shortners. You can manage your clicks and see when people click you link all live!<\/p>\n

<\/p>\n

* * * * *<\/span><\/p>\n

WordPress Plugins<\/h2>\n

Greet Box<\/h3>\n

This plugin lets you customize a custom message for people when they visit your blog to greet them.<\/p>\n

<\/p>\n

Flipping Book<\/h3>\n

This is a wordpress plugin that allows you to add a creative page flipping book to your blog.<\/p>\n

<\/p>\n

WordPress Super Cache<\/h3>\n

WP Super Cache is a plugin that saves you bandwidth and decreases the loading time of your blog.<\/p>\n

<\/p>\n

Sociable<\/h3>\n

Sociable is an easy way for people to submit your WordPress posts to different social networks.<\/p>\n

<\/p>\n

Pretty Link<\/h3>\n

Shrink, track and share any URL on the Internet from your WordPress website. Unlike other link shrinking services like tinyurl, budurl, and bit.ly, this plugin allows you to create shortlinks coming from your own domain!<\/p>\n

<\/p>\n

Slide Panel<\/h3>\n

If you\u2019ve got a large client list and endless examples of previous work, then you might struggle to upload everything you want to your blog without it getting cluttered and confusing.<\/p>\n

<\/p>\n

Insights<\/h3>\n

Insights is a great tool for inserting images, videos, maps, Wikipedia Links and many more items into your WordPress posts.<\/p>\n

<\/p>\n

* * * * *<\/span><\/p>\n

Web Design Articles<\/h2>\n

Create a mobile version of your blog<\/h3>\n

Learn how to implement a mobile version of your blog in three simple steps.<\/p>\n

<\/p>\n

Guide to About Me Pages<\/h3>\n

This is a really good guide to creating the perfect about page.<\/p>\n

<\/p>\n

40 Web Background Techniques<\/h3>\n

Forty Creative and Inspiring Website Backgrounds Techniques (quality post!).<\/p>\n

<\/p>\n

9 WordPress Hacks to Encourage User Interactivity<\/h3>\n

Learn how to encourage user activity on your blog with these awesome WordPress hacks.<\/p>\n

<\/p>\n

How to Blog Effectively<\/h3>\n

You could be blogging for a long time, but blogging effectively is what you need to be doing.<\/p>\n

<\/p>\n

6 Ways To Improve Your Web Typography<\/h3>\n

Improve your web typography with this great article by Net Tuts.<\/p>\n

<\/p>\n

15 Resources for WordPress Designers<\/h3>\n

If your a WordPress theme designer, then this article is for you. 15 Exceptionally Useful Resources for WordPress Theme Designers.<\/p>\n

<\/p>\n

HTML 5 Cheat Sheet<\/h3>\n

This cheat sheet is essentially a simple visual grid with a list of all HTML tags and of their related attributes supported by HTML versions 4.01 and\/or 5.<\/p>\n

<\/p>\n

6 Vital Reasons to Comment on Other Blogs<\/h3>\n

Comments make a blog and are the life of it and its community. Provided here are 6 reasons why you should comment on other blogs.<\/p>\n

<\/p>\n

10 Productivity Tips for Web Designers and Developers<\/h3>\n

Productivity is something that all web designers and developers strive for. We all have too much work to do so anything that can help us along the way can make a big difference.<\/p>\n

<\/p>\n

* * * * *<\/span><\/p>\n

Browser Plugins<\/h2>\n

CodeBurner<\/h3>\n

Codeburner is an extension for Firefox that allows you to see code from web pages, compatibility, and examples of it. Its a developers best friend.<\/p>\n

<\/p>\n

SEO for Firefox<\/h3>\n

SEO is a free plugin for Firefox is a toolbar that has search engine optimization information on it for whatever website you are viewing.<\/p>\n

<\/p>\n

Link Diagnosis<\/h3>\n

This tool can show you all the important information about your competitor’s links. The report includes PageRank, anchor texts, no-follow information and more.<\/p>\n

<\/p>\n

HTML Validator<\/h3>\n

HTML Validator is a Mozilla extension that adds HTML validation inside Firefox and Mozilla. The number of errors of a HTML page is seen on the form of an icon in the status bar when browsing.<\/p>\n

<\/p>\n

Rank Checker<\/h3>\n

This free firefox plugin allows you to easily check your search engine rankings for many different search engines.<\/p>\n

<\/p>\n

Smart Pagerank<\/h3>\n

Smart PageRank’s ‘Smart Toolbar’ is small, simple, and powerful. It gives you quick access to powerful SEO tools.<\/p>\n

<\/p>\n

* * * * *<\/span><\/p>\n

PSD’s<\/h2>\n

Vibrant Paints<\/h3>\n

A beautiful free downloadable PSD template.<\/p>\n

Summer of Love<\/h3>\n

Summer of love features a nice design, and can be edited and sliced up into a website that fits to your spec.<\/p>\n

Funky Design<\/h3>\n

Big links, nice graphics, and bets of all free!<\/p>\n

Hello – Online Portfolio<\/h3>\n

This is one of the best free psd templates I have seen. Its a must see!<\/p>\n

<\/p>\n

GrungeFolio 2<\/h3>\n

If you like splatter, and grunge objects within a website, then you must download this psd website template.<\/p>\n

En Construccion<\/h3>\n

A writers desk style free downloadable psd theme.<\/p>\n

<\/p>\n

Sunsite Book Layout<\/h3>\n

If your a book lover, please download this free book layout psd for a top notch design.<\/p>\n

My Personal Blog<\/h3>\n

This is a personal styled psd blog template all ready to be sliced up.<\/p>\n

Green Leaves<\/h3>\n

If your a nature lover, or even love some of the effects within this psd template, you have to download it.<\/p>\n

<\/p>\n

Shape + 5 PSD Themes<\/h3>\n

Smashing Magazine has provided us with 6 free beautiful psd templates.<\/p>\n

<\/p>\n

Old Burned Paper<\/h3>\n

An old burned paper style PSD template to adapt into a web design.<\/p>\n

<\/p>\n

Toxic Green<\/h3>\n

A nice psd template that has a toxic green twist.<\/p>\n

Ruby Red<\/h3>\n

Ruby red is a free psd design to slice up and code into a web design.<\/p>\n

Grey Blue Template<\/h3>\n

A beautiful blue \/ grey themes psd design for free download.<\/p>\n

* * * * *<\/span><\/p>\n

Software<\/h2>\n

Coffee Cup HTML Editor<\/h3>\n

This is a great HTML editor from Coffee Cup software. Easy to use and free to download.<\/p>\n

<\/p>\n

Coffee Cup FTP<\/h3>\n

If you want a free file transfer protocol to connect to your server and upload files, look no further than Coffee Cup FTP.<\/p>\n

<\/p>\n

Tweet Deck<\/h3>\n

Tweet Deck is a great free piece of software that runs on Adobe Air and is used to manage multiple twitter accounts.<\/p>\n

<\/p>\n

Color Schemer<\/h3>\n

Color Schemer is avaliable for Mac, Linux and Windows. Although it costs, its one of the best color applications on the market today.<\/p>\n

<\/p>\n

* * * * *<\/span><\/p>\n

WordPress Themes<\/h2>\n

Evidens<\/h3>\n

This is a free 3 column full width WordPredd theme.<\/p>\n

<\/p>\n

Yoghourt<\/h3>\n

Version 2 of the Yoghourt WordPress theme is really good, and features many new things. Plus its free to download.<\/p>\n

<\/p>\n

Curved<\/h3>\n

Curved has an unusual look to it. It has many features and is free to download.<\/p>\n

<\/p>\n

Thoughtlog<\/h3>\n

This is a three column WordPress theme, which features a Spring-themed header in shades of purple and beige.<\/p>\n

<\/p>\n

WP Premier Theme<\/h3>\n

The free wp premier theme which is developed by CSSace has many awesome features. Its worth downloading!<\/p>\n

<\/p>\n

Live Green<\/h3>\n

Livegreen is a great free WordPress theme, and comes widget ready and coded in valid XHTML and CSS.<\/p>\n

<\/p>\n

<\/h3>\n","protected":false},"excerpt":{"rendered":"

Today Andy and I decided to produce a top list of our favourite 100 resources that we have used and enjoyed over the past few months. These resources include icons (my personal favourite), Wordpress Themes, Plugins, Software, Applications and some really cool tutorials made by us and other great websites.<\/p>\n","protected":false},"author":30,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"categories":[49],"tags":[],"aioseo_notices":[],"yoast_head":"\n