Icon Library

Tutorial 9 is one of the most successful examples of web entrepreneurship in the design industry. It has grown in less than two years to become THE place to go for designers and artists to find free tutorials and resources, This marvelous site is just one of the many profitable projects run by under 21, self taught blogger from Atlanta David Leggett. Many of us couldn’t even tie our shoelaces properly at 21, but this guy already has one of the most respected design forums in the web, and has been featured in tons of interviews and “best of” lists. He became interested in computers at age 10, when his parent gave him Adobe Pagemill as a gift.  (I had a Chewbacca at 10. No wonder.) Who would have thought that was the beginning of one of the most rocket rising, fast paced careers in blogging history. Well, I now “blogging history” is less than 10 years old, but, you get the point.

Read more…

The inspect element blog has made this list of the best web redesigns of 2009, featuring amongst others, Manchester City, CNN, The White house and Engadget. Each example backed up with thoughtful analysis and good arguments. Very good post by Tom Kenny.

Click on image to check out examples of good redesign.

Be it Minimal, Flash or just HTML… Animations or plain typography. Be it because of their aesthetics, or because of their content. From minimal interfaces to baroque jaw dropping awesomeness, Iconshock has decided to follow up our infamous 100’s lists and begin this year with the ultimate roundup. These are the websites we can’t live without. Enjoy. The best 100 websites of 2009 by Iconshock. Remember, they are listed in no particular order.

1. Comcast Town

Ok we begin our countdown with one of the most baroque designs in the list. The site is a whole  town similar to “second life” with games, and other activities. Genius way to market brands. You can spend hours in here.

Read more…

This is a easy to read, factual list made by Chris Spooner for “line 25” blog featuring the most obvious, counterproductive, and yet common usability mistakes in web design. You won’t last 10 minutes reading this post, but the tips will improve your designs for all your career.

Click on image to read the ten point list.

Our intention here at Iconshock is to gather a designing and developer community around useful resources and information. We have talked before about the importance of wireframing in web design, and we even found some innovative DIY tools to do the job.

In this article I found at the Graphic Rating blog, they make a thorough review of Flairbuilder, an interesting app that seems to do the job.

Click on image to access full article.

I just found this incredible article on the excellent Vandelay Design blog, where they round up 35 tutorials, from beginner to advanced, of one of the most talked about and discussed web development tools now days; Adobe Air.

Click on image to access full article.

A new year, new clothes, new promises. Sometimes new year means a new design of your website. Well, redesign is a delicate issue not recommended for everyone, so if you are thinking on giving a new paintjob for your virtual home, you might benefit by reading these 5 useful tips by BIll Bonnefil for Digital Telepathy.

Click on image to access full article.

Since the mighty return of Steve Jobs, Apple has become the main reference in marketing, design and innovation of this decade. Copying anything, no matter how good it is, is always a bit phony to me, but in case you insist in giving that apple touch to your web designs, here you can find some useful tutorials compiled by Dainis Graveris for “1st web designer”.

Click on image to access full article.

Giving your web designs the ability to preload images is a huge help for the millions of users that don’t have a big fat internet access. Preloading is also very useful for image heavy websites like portfolios. Check out this article made by Jeff Starr for Perishable Press, were he shows us how to do it in three methods using CSS, Javascript and Ajax.

Click on image to access full article.

“Web design Ledger” is one of the most renown and visited design blogs in the net. and today I wanted to post a list of their most poplar articles of last year. In this list you can find anything from icons, to textures, to some insight on the possible design trends of 2010. Worth your visit.

Click on image to check out WDL’s most popular post’s

Javascript is becoming indispensable for web developers and designers. Its reliability is incredible, and Its fast loading times are unrivaled. I think that you can replace a lot of flash elements with success if you know how to handle javascript. To sum to the list of incredible jquery plug ins, I wanted to post today this article Casper made for Dzinepress with the definitive list of tutorials for Java script.

Click on image to check the best 40 javascript tutorials.

This is the best starting point anyone should go to when beginning to dig in UX. Simple awesome and informative post made by the guys at ixd101. Must read for designers and developers.

Click on image to download.

Mies Van der Rohe is one of the most influential sculptors of modern society. This German born architect made a body of work that has influenced urban landscapes since the 50’s. One of his most coined phrases was “less is more” and that has become the main concept behind minimalism. Check out this straightforward post by Sarah for Your inspiration web. where she enumerates the main aspects to keep an eye on when going towards this timeless tendency. Examples included!

Click on image to download.

“Google Browser Size” is a quick and convenient tool to check your webpage layout and know how people sees you. The app displays many browser sizes grayed over your website and tells you in percentages how much of Google users navigate in them.

Click on image to access Google Browser Size

Mahmoud Khaled is a 15 year old Egyptian designer. YES. You have read it correctly. He is 15 years old and he is about to teach you how things are done! In this post he made for Six Revisions he explains us how to make this clean web layout in Photoshop ready to code.

Click on image to check out how to do a clean and sophisticated web layout.