Web Design Fan’s Best of 2010

Written ByWeb Design FaninDesign, News

To end the year here at Web Design Fan, we wanted to rundown some of our favorite posts and resources from 2010 and share them with you all.

Though we do call this the ‘Best of 2010,’ we do admit there may be even better stuff out there that we completely missed!

That is why we are relying on you to help us out and post your favorite links of the year, too. 2010 has been a fantastic year for web design and development, and we think 2011 will be even better. We will certainly be sure to make Web Design Fan better! Without further adieu, here are our favorite links of the year, separated into easy-to-navigate categories.

  1. Best Design Tutorials
  2. Best Coding Tutorials
  3. Best Web Design Blogs
  4. Best Portfolio Designs
  5. Best Plugins
  6. Best Web App Designs
  7. Best from Web Design Fan

Best Design Tutorials

1 256x300

PSDVibe - Clean Photo Gallery Website Layout

22 296x300

Legit Tutorials – Create a Stitch Effect

3 300x300

SixRevisions – Make an Elegant and Simple Blog Web Layout – Also be sure to check out how to convert this to a CSS Layout on our next page, Best Coding Tutorials.

4 83x300

PSDTuts – Design a Professional Community Blog Theme

5 197x300

Creative Fan – Create a Vibrant Colorful Alcohol Ad

Please post your own favorite tutorials of 2010 in the comments!

Best Coding Tutorials

SixRevisions – PSD/HTML Conversion: Elegant and Simple CSS3 Web Layout – Learn how to code the beautiful layout from the Best Design Tutorials page.

Web Design Fan – Creating a Dynamic Vertical Gradient in PHP

NetTuts – How to Build a Joomla Template Start to Finish

Web Design Fan – Code a Modern Design Studio from PSD to HTML

TutorialZine – Build a Who is Online PHP/MySQL Widget

Please post your own favorite tutorials of 2010 in the comments!

Best Web Design Blogs

Here are our top 5 favorite web design blogs of the year. I think they will be the usual suspects for many of you, but I must give it up to them. These sites consistently deliver high-quality web design and development information and tools. Hats off to them for the great year and a big thank you to all of you. Web Design Fan hopes that we can set the standard for the following year and be mentioned in the same breath as these spectacular sources.


Smashing Magazine

six 300x289

Six Revisions


Web Design Ledger


Web Designer Depot



Please post your own favorite web design blogs of 2010 in the comments!

Best Portfolio Designs

scherf 300x211

Ryan Scherf – Based out of Minneapolis, MN, Ryan is a talented designer with a great eye for texture. Full disclosure, he designed Web Design Fan so I am a bit biased, but his recently updated portfolio is absolutely stunning. Great work, Ryan.


Owltastic (Meagan Fisher) – Not only a beautiful portfolio but also a great resource with presentations by the artist, Meagan Fisher. Also, you must see the awesome high-red wallpapers she has on her Extras page. Thanks for the great work Meagan.

whale 300x225

SquaredEye – SquaredEye, based in the UK, delivers another impressive portfolio. Love the whale and the chat bubble when you go to contact them. Just a beautiful website.


Adaptd – The team at Adaptd will knock your socks off with their beautiful use of colors and contrast in their portfolio. Very unique design from a unique design team in Romania.

galpin 300x191

Galpin Industries – The centered logo and the fantastic typography are what first pulled me into Galpin Industries’ design. After exploring further, I really just like everything else about it, too! Check out the Process page for a great page design.

Please post your own favorite portfolio designs of 2010 in the comments!

Best Plugins

quicksand 300x268

Quicksand – Reorder and filter items with a nice shuffling animation

lettering 300x149

Lettering.js – A lightweight, easy to use jQuery plugin for radical Web Typography.

carousel 300x210

jQuery Image Scale Carousel – Auto scales the images you put into it to the appropriate height and width keeping their aspect ratio in place.

gravity 300x233

Gravity Forms (WordPress) – A fantastic WordPress form management plugin.

Please post your own favorite plugins of 2010 in the comments!

Best Web App Designs







cheddar 291x300

Cheddar Getter

icebrrg 300x274


Please post your own favorite web app designs of 2010 in the comments!

Best of Web Design Fan

preview1 300x223

How to Design a Stylish Business Card in Photoshop

Screen shot 2011 01 04 at 2.22.42 AM

Using YSlow Series, Part 1: Minimize File Size

Screen shot 2011 01 04 at 2.22.33 AM

Working with Firebug, Part 1: Getting Started

final result small 185x300

Create a Web Portfolio Layout in Photoshop

bokeh effect in web design hybrid wordpress 300x172

Bokeh Effect in Web Design

Final 300x233

Code a Modern Design Studio from PSD to HTML

Please post your own favorite Web Design Fan posts of 2010 in the comments!

Remarkable online testking 70-682 and Testking 70-663 training programs will lead you to success in the 70-401 and mcp dumps exams. We also offer latest testking 70-536 dumps with 100% success guarantee.

  1. Great collection of best posts. Thanks for share.

  2. SquaredEye is based in Greenville, South Carolina, USA, about a quarter of the earth away from the UK…

  3. Great information! I’ve been looking for something like this for a while now. Thanks!

  4. its really good collection it give me lot of inspiration
    the designs are really good i like Smashing Magazine & Web Design Ledger design pity much

  • About The Author

    WebDesignFan.com is your ultimate resource for tutorials, graphics, and web design freebies on the web.

  • Most Popular Tags

    • Social Networking