Wireframing is one of the most valuable parts of any web design project. It can save a designer tons of time by hashing out the details of a site’s architecture, functionality, and content prior to actually starting a visual design. But if done inefficiently, it can end up costing more time and can even create bigger headaches for both the client and the designer.

1. Wireframing Articles

Here are more than twenty wireframing articles, guides, and tutorials to help you improve your wireframing process. There’s information on everything from paper wireframing techniques to using programs like Adobe Illustrator for the wireframing stage of your designs.

Wireframes Magazine
This site offers tons of resources and articles about wireframing. They include wireframe samples, UI tools, and job listings, as well as a place for designers to share their wireframes and wireframing tips. Popular articles have covered prototyping with the 960.gs grid system, graph paper sketch layouts, and wireframe moodboards.

Wire Frame Your Site

A great introduction to the benefits of wireframing from Sitepoint. It offers a three-step approach to wireframing in addition to expounding on the benefits of using wireframes, including their ability to let you foresee potential problems before you get into the nitty-gritty of designing.

Ajax Wireframing Approaches
A post in a series from Particletree about prototyping Ajax, this covers wireframing techniques. This article covers three excellent methods of wireframing dynamic content: Keyframing, stacking and TOP (Turn On Possibilities), as well as outlining the benefits and drawbacks of each.

The Importance of Wireframes in Web Design and 9 Tools to Create Wireframes
A great overview of why wireframing is a good idea, along with tools for creating your own. This is a really comprehensive article that covers everything from creating wireframes to working with clients during the wireframing process to the benefits of wireframing over visual design in the early stages of a website design.

20 Steps to Better Wireframing
An awesome collection of twenty tips for creating better wireframes. Some of the objectives covered include being clear about your objectives, getting everyone involved and avoiding over-designing your wireframe. Added up, these tips should make anyone’s wireframing process easier and more efficient. Read more…

• Top 500 Open Source Applications List

Here is the list of most beautiful Social Networks. if you want to add some more write a comment.

Flickr - yes, we like the Flickr look. It probably has to do with the fact that the site is full of beautiful photos, but Flickr’s easy-on-the-eyes aesthetics are carefully thought out and make the site really enjoyable to use.

Humble Voice - we’ve saved the best for last. HumbleVoice is yet another community for designers, artists and musicians, and it looks gorgeous. Page real estate is used generously, with most images on the site being really large, and all of the content is wrapped up in neat little boxes. As sometimes happens with art-related sites, some of the fonts are too tiny to read if you don’t have 20/20 vision, but we’re ready to forgive Humble Space this small blunder. After all, it’s artists we’re talking about here. Read more…

• Top ways to Build Audience for Your Blog