Icon Libraryweb design»Icon Library http://iconlibrary.iconshock.com Wed, 02 Nov 2011 23:15:33 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 Iconshock Interview: Tutorial 9 wunderkind David Leggett http://iconlibrary.iconshock.com/tutorials/iconshock-interview-tutorial-9s-wunderkind-david-leggett/ http://iconlibrary.iconshock.com/tutorials/iconshock-interview-tutorial-9s-wunderkind-david-leggett/#comments Mon, 01 Feb 2010 19:59:08 +0000 Blogger.Iconshock http://iconlibrary.iconshock.com/iconshock-interviews/iconshock-interview-tutorial-9s-wunderkind-david-leggett/ 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.

David_Leggett

Continue reading: Iconshock Interview: Tutorial 9 wunderkind David Leggett

]]> http://iconlibrary.iconshock.com/tutorials/iconshock-interview-tutorial-9s-wunderkind-david-leggett/feed/ 2 Best website redesigns of 2009 http://iconlibrary.iconshock.com/tutorials/best-website-redesigns-of-2009/ http://iconlibrary.iconshock.com/tutorials/best-website-redesigns-of-2009/#comments Sat, 23 Jan 2010 03:54:37 +0000 Blogger.Iconshock http://iconlibrary.iconshock.com/design/best-web-redesigns-of-2009/ 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.

bestwebredesign2009-iconshock-Articles
Click on image to check out examples of good redesign.
]]> http://iconlibrary.iconshock.com/tutorials/best-website-redesigns-of-2009/feed/ 0 The 100 best web sites of 2009 http://iconlibrary.iconshock.com/design/the-100-best-web-sites-of-2009/ http://iconlibrary.iconshock.com/design/the-100-best-web-sites-of-2009/#comments Fri, 22 Jan 2010 06:29:48 +0000 Blogger.Iconshock http://icon-library.iconshock.com/design/the-100-best-web-sites-of-2009/ 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

Comcast-web
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.

Continue reading: The 100 best web sites of 2009

]]> http://iconlibrary.iconshock.com/design/the-100-best-web-sites-of-2009/feed/ 21 10 top usability crimes http://iconlibrary.iconshock.com/design/10-top-usability-crimes/ http://iconlibrary.iconshock.com/design/10-top-usability-crimes/#comments Thu, 14 Jan 2010 09:47:02 +0000 Blogger.Iconshock http://icon-library.iconshock.com/design/10-top-usability-crimes/ 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.

Usability-crimes_Articles
Click on image to read the ten point list.
]]> http://iconlibrary.iconshock.com/design/10-top-usability-crimes/feed/ 4 Flairbuilder software for wire framing http://iconlibrary.iconshock.com/design/flairbuilder-software-for-wire-framing/ http://iconlibrary.iconshock.com/design/flairbuilder-software-for-wire-framing/#comments Wed, 06 Jan 2010 00:58:04 +0000 Blogger.Iconshock http://icon-library.iconshock.com/design/flairbuilder-software-for-wire-framing/ 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.

Wireframing-flairbuilder_Articles
Click on image to access full article.
]]> http://iconlibrary.iconshock.com/design/flairbuilder-software-for-wire-framing/feed/ 3 35 Adobe Air tutorials http://iconlibrary.iconshock.com/design/35-adobe-air-tutorials/ http://iconlibrary.iconshock.com/design/35-adobe-air-tutorials/#comments Tue, 05 Jan 2010 21:58:46 +0000 Blogger.Iconshock http://icon-library.iconshock.com/design/35-adobe-air-tutorials/ 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.

Air-tutorials_Articles
Click on image to access full article.
]]> http://iconlibrary.iconshock.com/design/35-adobe-air-tutorials/feed/ 3 Five things you should think of before you redesign http://iconlibrary.iconshock.com/general/five-things-you-should-think-of-before-you-redesign/ http://iconlibrary.iconshock.com/general/five-things-you-should-think-of-before-you-redesign/#comments Tue, 05 Jan 2010 05:18:07 +0000 Blogger.Iconshock http://icon-library.iconshock.com/technology/five-things-you-should-think-of-before-you-redesign/ 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.

Before-redesign_Articles
Click on image to access full article.
]]> http://iconlibrary.iconshock.com/general/five-things-you-should-think-of-before-you-redesign/feed/ 4 15 Apple style web design tutorials http://iconlibrary.iconshock.com/general/15-apple-style-web-design-tutorials/ http://iconlibrary.iconshock.com/general/15-apple-style-web-design-tutorials/#comments Tue, 05 Jan 2010 01:09:55 +0000 Blogger.Iconshock http://icon-library.iconshock.com/technology/15-apple-style-web-design-tutorials/ 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”.

Jquery-applestyle_Articles
Click on image to access full article.
]]> http://iconlibrary.iconshock.com/general/15-apple-style-web-design-tutorials/feed/ 3 3 ways to Preload images http://iconlibrary.iconshock.com/general/3-ways-to-preload-images/ http://iconlibrary.iconshock.com/general/3-ways-to-preload-images/#comments Mon, 04 Jan 2010 19:11:36 +0000 Blogger.Iconshock http://icon-library.iconshock.com/technology/3-ways-to-preload-images/ 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.

how-to-preloader_Articles
Click on image to access full article.
]]> http://iconlibrary.iconshock.com/general/3-ways-to-preload-images/feed/ 3 Web design Ledger’s, most popular posts of 2009 http://iconlibrary.iconshock.com/design/web-design-ledgers-most-popular-posts-of-2009/ http://iconlibrary.iconshock.com/design/web-design-ledgers-most-popular-posts-of-2009/#comments Sun, 03 Jan 2010 19:55:03 +0000 Blogger.Iconshock http://icon-library.iconshock.com/design/web-design-ledgers-most-popular-posts-of-2009/ “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.

Best-2009-wdl_Articles
Click on image to check out WDL’s most popular post’s
]]> http://iconlibrary.iconshock.com/design/web-design-ledgers-most-popular-posts-of-2009/feed/ 2 Ultimate javascript tutorials http://iconlibrary.iconshock.com/design/ultimate-javascript-tutorials/ http://iconlibrary.iconshock.com/design/ultimate-javascript-tutorials/#comments Sun, 03 Jan 2010 19:23:12 +0000 Blogger.Iconshock http://icon-library.iconshock.com/design/ultimate-javascript-tutorials/ 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.

jcript-tutorials-iconshock-Articles
Click on image to check the best 40 javascript tutorials.
]]> http://iconlibrary.iconshock.com/design/ultimate-javascript-tutorials/feed/ 2 101 I learned in IX design School http://iconlibrary.iconshock.com/general/101-i-learned-in-ix-design-school/ http://iconlibrary.iconshock.com/general/101-i-learned-in-ix-design-school/#comments Mon, 21 Dec 2009 19:30:32 +0000 Blogger.Iconshock http://icon-library.iconshock.com/technology/101-i-learned-in-ix-design-school/ 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.

ux-101_Articles
Click on image to download.
]]> http://iconlibrary.iconshock.com/general/101-i-learned-in-ix-design-school/feed/ 5 Aspects to take care of in a minimalistic layout http://iconlibrary.iconshock.com/design/aspects-to-take-care-of-in-a-minimalistic-layout/ http://iconlibrary.iconshock.com/design/aspects-to-take-care-of-in-a-minimalistic-layout/#comments Sun, 20 Dec 2009 17:43:26 +0000 Blogger.Iconshock http://icon-library.iconshock.com/design/aspects-to-take-care-of-in-a-minimalistic-layout/ 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!

Tips-minimal-web_Articles
Click on image to download.
]]> http://iconlibrary.iconshock.com/design/aspects-to-take-care-of-in-a-minimalistic-layout/feed/ 2 Google browser size tool http://iconlibrary.iconshock.com/general/google-browser-size-tool/ http://iconlibrary.iconshock.com/general/google-browser-size-tool/#comments Sun, 20 Dec 2009 17:24:32 +0000 Blogger.Iconshock http://icon-library.iconshock.com/technology/google-browser-size-tool/ “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.

Google-browsersize_Articles
Click on image to access Google Browser Size
]]> http://iconlibrary.iconshock.com/general/google-browser-size-tool/feed/ 3 Photoshop web design tutorial made by a 15 year old designer! http://iconlibrary.iconshock.com/design/photoshop-web-design-tutorial-made-by-a-15-year-old-designer/ http://iconlibrary.iconshock.com/design/photoshop-web-design-tutorial-made-by-a-15-year-old-designer/#comments Sun, 20 Dec 2009 01:56:33 +0000 Blogger.Iconshock http://iconlibrary.iconshock.com/design/photoshop-web-design-tutorial-made-by-a-15-year-old-designer/ 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.

Cleanweb-iconshock-Articles
Click on image to check out how to do a clean and sophisticated web layout.
]]> http://iconlibrary.iconshock.com/design/photoshop-web-design-tutorial-made-by-a-15-year-old-designer/feed/ 2