Vandelay Design

99 Resources for Web 2.0 Design

Published November 12th, 2007 in Design

Web 2.0 badge[Update: This post was originally published a while ago, however, almost all of the resources mentioned are still relevant. Since this post was published we've added tons of new resources that you may also find useful (see our Popular Posts page). To get all of the new content, subscribe to our RSS feed or by email.]

BADGES

Web 2.0 Badges – A set of free badges to download and use in your own designs.

Fresh Badge – Quickly generate your own badge.

adClustr – Starburst badges.

Deziner Folio – A collection of different badges.

BittBox – Free vector badges.

Official Seal Generator – An alternative to the typical badge.

Photoshop Tutorial – A quick lesson on making your own badge.

Glossy Photoshop Tutorial – Create a glossy badge with this tutorial.

BUTTONS

My Cool Button – A nice online tool that will help you to quickly create the button that you want.

Adam Kalsey’s Button Maker – Simple tool to make your own buttons.

Button Maker from Blog Flux – Create your own custom button.

Brilliant Button Maker – A similar button maker to the previous 2.

CSS Buttons – Choose the text, border, and background.

Buttonator – A paid option for creating buttons.

RSS Button Maker – The name pretty much says it all.

Button Boost – A little bit different than some of the other button generators.

ButtonGenerator.com – Create buttons for navigation menus.

Crystal Button – Slick web buttons made easy.

Chicklet Creator – Create buttons that allow visitors to subscribe in their feed reader of choice.

ROUNDED CORNERS

Rounded corners are a staple in web 2.0 design. Here are some tools and scripts that will help you to quickly create your own rounded corners.

RoundedCornr

Corner Shop

Spiffy Box

Canvas Corner

Spanky Corners

Sliding Doors Text Box

Smart Rounded Corners

Rounded Corners in CSS

News List

LOGOS

Each of these tools will create a simple web 2.0 style logo.

Logo Creatr

Web 2.0 Logo Creator

Web 2.0 Logo Creatr

Web 2.0 Logo Creator

Web 2.0 Stylr

ICONS

A web 2.0 site can’t ignore icons. Here are some free collections of icons to use in your own projects.

Web 2.0 icons

UtomBox – A great collection of web 2.0 icons.

Feed Icons – The standard RSS icon.

Map Icon Factory – Create your own map icon.

Perishable Press – A nice collection of RSS icons.

Glass Style RSS Icons

Snap2Objects – Vector RSS icons.

31 Sources of Quality, Free Icons

GRADIENT IMAGES

Another common element of web 2.0 is gradient images. Here are a few tools to help you.

Gradient Image Maker

Gradient Generator

Online Gradient Image Maker (OGIM)

SPEECH BUBBLES

Speech bubbles are commonly used for styling comments or blockquotes.

Speech Bubbles from Will Mayo

Will Mayo

Bubblesnaps

CSS Play

XHTML Speech Bubbles

WigFlip

Fluid CSS Speech Bubbles

MySpace Speech Bubble Generator

Photoshop Tutorial

BACKGROUND IMAGES

Background Image Maker – Create background images with choices like transparency and gradients.

Stripe Generator 2.0 – If you’re looking to add a striped background to an element on your page, you can use this tool to customize the look you want.

Stripe Designer – Easily create striped images.

Tartan Maker – Create a tartan background image.

Texture Generator – Creates textured images that you can use as a background.

All Free Backgrounds – Choose the background you want.

COLORS

The Colors of Web 2.0 – Are you looking to match the color of a popular web 2.0 site?

Web 2.0 Color Pallete – Popular web 2.o colors.

Color Schemer Gallery – Having problems choosing a color scheme? Find one you like in this gallery.

COLOURlovers – More samples of color combinations.

Website Color Picker – Test color combinations quickly.

I Like Your Colors – Get the colors used by a particular site.

NAVIGATION

CSS Menu Generator – Easily create attractive CSS menus.

Listamatic – Collection of CSS menus.

List-O-Matic – Create your own CSS menus.

List-U-Like – Another tool to create your own navigation bars.

Tabs Generator – Create tabbed images for navigation.

Flash Buttons – Create navigation menus with flash buttons

CSS Play – An extensive collection of CSS menus.

Exploding Boy – Tabbed CSS navigation menus.

CSS Navigation Menu Generator – A tool to help you create your own menu.

FAVICONS

Favicon Generator – Create your own favicon from an image on your computer.

Favicon from Pics – Create a favicon from a photo.

Favicon Editor – Upload a photo, create a favicon.

Favicon.cc – Another option for favicons.

Photoshop Tutorial – Creating a favicon with Photoshop.

CHARTS

PHP/SWF Charts – Create attractive charts.

amCharts – Flash charts.

OTHER

Avatar Maker – Create and edit an avatar.

Shrink Pictures – Create an avatar from your photo.

ScaleNine – Collection of skins and themes created for Flex and Adobe AIR.

VectorMagic – Converts bitmap images to vector art.

Templatr – Create a layout.

PsycHo – Blog template generator.

Web 2.0 Generator – Creates layouts.

Typetester – Compare fonts on-screen.

BlogPoll – Create a free poll for your blog.

RSSxl – Convert an HTML page to RSS.

Meta Tag Generator – Easily create meta tags for your pages.

URL Rewrite – Create search engine-friendly URLs for dynamic pages.

.htacces generator – Quickly create an .htaccess file.

Thumbnail Generator – Create thumbnails for a large amount of images.

Reflection.js – Adds reflections to your photos.

Drop Shadow – Improve your images with a drop shadow.

CSS Sprite Generator – From Website Performance.

Vecteezy – Stupid name. Cool vectors.

Brusheezy – Photoshop brushes.

PSBrushes.net – More Photoshop brushes.

deviantART – Photoshop brushes at deviantART

293 Responses to “99 Resources for Web 2.0 Design”

TyCat November 12th, 2007

Oh wow. thank you so much for this list. This is a very good post.

Matthew Anton November 13th, 2007

Great list…pretty thorough but at least u can pick and choose thx to your descriptions

pablopabla November 13th, 2007

Seriously Steven,

You don’t fail to impress me with your resources each time I visit your site. Where’s the social button for Digg? I wanna digg this!

Cywhale November 13th, 2007

Very nice collection, liked especially the chart tools. Thank you very much for this list.

Internet Tips November 13th, 2007

Great Tips! I really liked the Web 2.0 Logo creator. I have been wondering how people can make so beautiful logos without any designing knowledge and today I got the answer to it. Thank Vandelay

Massimiliano Mancini November 13th, 2007

Very very good post, thank you.

Derek November 13th, 2007

wow, what a lovely condensed list… that sums up everything that’s wrong with the world (wide web)

Slacker November 13th, 2007

Wow this is a great collection. Thanks!

http://askaslacker.blogspot.com

david November 13th, 2007

Crazy list here! Thanks for the great list, it’ll be great for customizing my blog. Stumbled =).

Lloyd Dalton November 14th, 2007

Nice list :)

http://www.colr.org may be worth checking too.

Paul B November 14th, 2007

Finally i found this here… Love’em!!! Thank you for publishing these files.

Tay November 14th, 2007

This resource has been more helpful to me than you will ever imagine. I don’t know what I would do if you weren’t such a fantastic, committed blogger!

On another note, almost 1,000 RSS subscribers. That’s amazing! Your counts shoot up so quickly. Of course, there’s no doubt why. Keep up the great work. :)

Tyler November 14th, 2007

Holy crap! Now that is a list. Good Resource.

Cross November 14th, 2007

thank you, The css menus was very cool

aide informatique November 14th, 2007

thank you very much for this amazing websites :) this will help me so much mith websites design, and the new wave of web2.0

by the way you all should upgrade to web2.0.1 (they find a bug lol)

http://aidez.info

Ana Montebon November 14th, 2007

I have to say that you are fantastic! You have saved me hours of having to scour the internet for stuff I was looking for and you introduced me to things I didn’t know I need and now because of you these are ‘must haves’ and ‘can’t live without.’ Thank you, Thank you.

alessio November 16th, 2007

Very usefull resource: u r in my bookmarks, thank you :-)

Forrest November 16th, 2007

Great collection! I think I might use those speech bubbles for my own blog’s comments…

Beckley November 16th, 2007

I recently saw Elliot Jay Stocks give a presentation at the Future of Web Design conference called “Destroying the Web 2.0 Look.” It was right on. Here are his slides: http://elliotjaystocks.com/blog/archive/2007/destroy-the-web-20-look-future-of-web-design-new-york/

Pasquale November 17th, 2007

Wow! Great collection. Thanks!

html kodlar? November 24th, 2007

çok yararl? bir çal??ma olmu? tebrikler ( Turkey )

George November 24th, 2007

Thanks a lot.

designer guy November 28th, 2007

Really good site. Thanks for the resources. Stumbled.

David Mackey December 1st, 2007

This is a great list! I love the badges links.

workingondreams December 2nd, 2007

wow very nice list …veryuseful..thanks for post!

oyunlar December 5th, 2007

web 2.0 nice blog thank you very much

Bob December 11th, 2007

Free PHP4/5 code generation usable in Web 2.0 application

Social Guy December 17th, 2007

Awesome collection, Thanks for sharing it.

indir December 17th, 2007

very good , thank you .

antivirüs indir December 17th, 2007

Thanks for sharing it.

George December 18th, 2007

Awesome, thankyou for sharing this :)

Extendi December 23rd, 2007

For inspiration you can check out our web 2.0 directory: http://www.feedmyapp.com/

Dito December 23rd, 2007

Do the java scripts that round corners increase the loading times of the pages they are implemented on?

Joris von Loghausen December 31st, 2007

Leuke website, met een paar handige tips. Echter werken sommige links niet goed meer.

waveracer January 13th, 2008

great poet, thanks for the tips and tricks

waveracer January 13th, 2008

great post (sorry for the typo)

Hakan January 16th, 2008

Thanks for sharing it.

Wogan May January 24th, 2008

Dude, this is awesome. All you need now is a list of sites with free web 2.0 templates :)

~ Wogan

youtube January 25th, 2008

thanksssss

Richard January 26th, 2008

The best list of web 2.0 resources i have EVER seen! Thanks!

Çemberin Dışında January 28th, 2008

thanks for post, i like it :)

Sharlee January 28th, 2008

This is a truly excellent list of web 2.0 resources. Thank you very much. Here’s another you can add to your list – 3,700 hearts graphics images and many of them are web 2.0 style.

Sharlee January 28th, 2008

Woops! I forgot the link to the hearts graphics images site – here it is: http://www.heartsandhearts.com.

Bart February 1st, 2008

Nice collection of web 2.0 links
Thanks for that !

Dany February 7th, 2008

Hi, you have given several very nice example for developing a website. Thanks

web 2.0 February 8th, 2008

web 2.0 için gerekli tüm malzemeler

noertz February 8th, 2008

webmaster sources

fash games February 11th, 2008

great ressources, it’s helps me a lot when i made a “money back logo” !

Kurtlar Vadisi Pusu February 12th, 2008

Easy to use web 2.0 archive.
Great Compilation

youtube February 12th, 2008

thanks.

facebook February 12th, 2008

thanks.

web design cheltenham February 13th, 2008

Thanks for the heads up on these great resources I have found them really helpful.

Web Designer Group February 13th, 2008

Thanks for such nice collection of resources.

derya baykal February 14th, 2008

thanks a lot this sources

lamib February 17th, 2008

Great list!

yollarbasi.com February 17th, 2008

thanks good

tercüme February 18th, 2008

thank you from on now

iliyas patel February 18th, 2008

Great posting
thanks
http://iliyas.modelschool.co.in

weblizzer February 21st, 2008

well, this things is very grateful, well as we know that web 2.0 is already know very popular all over the net.

cebu philippines

Kurtlar vadisi pusu February 27th, 2008

Thank you very very much :)

derya ajans March 3rd, 2008

thank you for share.

peri oyunları March 9th, 2008

Great post. helped me too much on my new project. all of web 2.0 resources in a simple post. Thanks.

Petter March 9th, 2008

Hi,

I just wanted to say that after looking through too many sites I’m happy to say that at last I found a site with relevant articles, that are well written and actually give me some useful information!

Thanks a lot :-)

arka sıradakiler March 12th, 2008

thank you for share.

enfopedia March 16th, 2008

thanks for the post great tools in this article.

website design dc March 19th, 2008

Probably one of the best list of web 2.0 helping sites that I have ever see. Definitely bookmarked. Thanks a ton!

Camia March 20th, 2008

Dünya’nin bir numarali casting ajanslarindan biri olan camia artik türkiye’de. Detayli bilgi için http://www.camia.tv

Manken Casting Oyuncu Organizasyon Yapım Prodüksiyon hepsi bir arada

diş beyazlatma March 22nd, 2008

thanks nice post ;)

html kodları March 22nd, 2008

thanks ;)

reklam verme March 22nd, 2008

Güzel linkler ellerine sağlık

web design March 27th, 2008

Wow, fantastic resource! Nice work

Freid April 1st, 2008

Good design! Very interesing resourse. I fond many useful things.

Thank you!

Kelly Martin April 7th, 2008

wow there are some many things in that I had no Idea about … great web 2 0 Thank you Kelly
http://www.teachingutomakemoney.com

c0013r April 7th, 2008

Great job! thanks

agencja modelek April 9th, 2008

Its great web2.0 links resource. Thx for this collection. Maybe you should add new links?
regards,
Agencja Modelek

Geracle April 11th, 2008

Many people asks wheather their sites need Web2.0…and i think YES!!!!
Great collection on web2.0 resources.
Thanks!!!!

Great list again, thanks you! Espessially I’d like “background images” block.

Manindark April 26th, 2008

Thank you..

Greg April 27th, 2008

Wicked list. Lots of really cool material. 3 more suggestions:

http://www.soarport.com – allows you to publish large dimension images for free, then host them in your pages a la google maps
http://www.gliffy.com – web based visio replacement – super slick
http://www.synthasite.com – ultra online web editor. Makes web site creation super easy.

Se non hai ancora compreso il concetto di Web 2.0, con questa risorsa potrai apprezzare le parti ed i pezzi di tali design. Su questo argomento, puoi leggere anche molte informazioni utili al seguente link: 99 Resources for Good Web 2.0 Design

manken May 2nd, 2008

manken, manken resimleri, mankenler, en güzel manken resimleri

Web Design May 3rd, 2008

Excellent resource, thank you.

I especially like the web 2.0 logo creator and have just used it to create a logo for one of my sites.

website design May 5th, 2008

Thanks for taking the time to put all this code on one page. Very useful.

Web Design by Craig May 5th, 2008

Thanks for the Info. It helps to have links like these to stay on top of the latest in website design.

anarschi May 7th, 2008

thank you…

Saglik Merkezi May 7th, 2008

Its great web2.0 links resource. Thx for this collection. Maybe you should add new links?
regards,
Agencja Modelek

Aktif Çözüm May 8th, 2008

ankara web tasarım,web tasarım ankara,ostim web tasarım,web tasarım

cep uygulamaları May 9th, 2008

I love you web 2.0

thanks.

fırat çöloğlu May 15th, 2008

thank you for share

flower May 21st, 2008

Found one search engine.

Just check http://xcavator.net/

Clara-G May 21st, 2008

Thanks for your share!
Very useful for newbies like me :)

zayiflama May 24th, 2008

Thank good

gevv May 27th, 2008

thanks.

Gafas de Sol May 27th, 2008

leaving comments for the sake of comments is not what i am doing here, i am compelled to express my real feelings which i have felt after reading such a fantastic article; impressive and unique one.

ali June 6th, 2008

thanks. super site

peyman mirzaei June 8th, 2008

great , it was useful for me

photoshop June 9th, 2008

thank you, The css menus was very cool

manken June 13th, 2008

thanks for this sources

Lee Starusta June 13th, 2008

After you use all these cool links for your web 2.0 submit it to
this site http://www.ziipa.com

design nottingham June 19th, 2008

A nice collection of Web 2.0 gadgetry thanks! :)

Happy Design June 23rd, 2008

Can be really useful even for professionals.

Hepsi 1 June 24th, 2008

thank you for share.

tixilite June 24th, 2008

Very useful stuff.

SEO June 26th, 2008

thanks., very good stuff to share.

Aggie Jane June 28th, 2008

Thanks, it is really cool!

stray June 28th, 2008

wooww,great links thanks

cubukcu July 1st, 2008

thanks for share

banka şubeleri July 3rd, 2008

banka şube adres telefon

sex hikayeleri July 8th, 2008

thanks

Website Design July 14th, 2008

Thanks a lot for your information on WEB 2.0.

kurye July 15th, 2008

kurye servisi of madeni Turkey Thanks to links :)

SEO July 16th, 2008

Great resource! Thanks for this wonderful collection.

Essex July 24th, 2008

Superb list – well done.

Burak Önal July 25th, 2008

Oh wow. thank you so much for this list. This is a very good post.

SEOBLOG July 25th, 2008

thank you, The css menus was very cool

sOhbeT July 27th, 2008

thank you!

anjum nawab August 2nd, 2008

Hi
Thanks for such wonderful collection this is very good resource

Zoran August 8th, 2008

very good post,thanks

dizaynburda August 9th, 2008

wowwwww…That was Amazing

Estetik August 13th, 2008

Great resource! Thanks for this wonderful collection.

mehregan August 24th, 2008

Thats great !!!!

Sohbet August 26th, 2008

Thank you very much It is enough knowledge

kennith August 28th, 2008

thanks i love the rounded corners

webmaster August 28th, 2008

the best place for web 2.0 resources

vector icons September 3rd, 2008

You forget about Dezignus.com

Lenen BKR September 5th, 2008

Great collection, it’s in my bookmarks.

One add: for creating favicons you may wanna add the tool from Dynamic Drive, I find that one great as well.

http://tools.dynamicdrive.com/favicon/

Lida September 8th, 2008

A nice collection of Web 2.0 gadgetry thanks! :)

Ovi Dogar September 10th, 2008

Excellent resource!… Keep up the great work!

Ovi Dogar
AbsoluteCovers.com

Sahil Raj September 24th, 2008

Thanks for share!
Very useful for who would really like to know about Web 2.0 Design.

Cangalaxy October 8th, 2008

I think this is the best collection of Web 2.0 ! Thanks for great sharing…

Professional Website Templates October 13th, 2008

Very Nice… Tools to create “Web 2.0″ components are always welcomed ;)

Sam H October 21st, 2008

could maybe include nifty corners as part of your rounded corners section?

otherwise, really useful, thanks!!

HHO November 4th, 2008

Wish I had found your site a year earlier, LOL : )

Oxford MS Web Design November 20th, 2008

Thats 99 things I dont have to search for :)

Hydrogen November 30th, 2008

WOW, what a wonderful collection of time savers. Thank you.

Flash Free December 7th, 2008

This is a great blog!

KevinMilton December 9th, 2008

Thats perfect

E-maniacs December 17th, 2008

Huge list of resources.

Thanks

Yuuzaa December 20th, 2008

wow, great list, thanks for sharing :)

Website Design Delhi December 25th, 2008

Hi!….
I was searching on internet and I found your web design blog…..it is really interesting…keep it up….look forward to read more from you

thunderboy January 3rd, 2009

i am a starter freelancer very helpful resources for me.
thank you!

Lajlev January 5th, 2009

Great list :-D

web 2.0 designer January 6th, 2009

Nice collection of web 2.0 resources.

Christine January 6th, 2009

This is awesome!! I figured I’d be searching online for a while for the ideas and inspiration I was looking for… but I think I’ll be browsing around this POST for a while!

ilyas January 16th, 2009

the best place for web 2.0 resources,thank you very much for this amazing websites :) this will help me so much mith websites design, and the new wave of web2.0

Blogger Tutorial January 21st, 2009

Simply just superb. Thanx for the whole list of useful links on Web design, Superb lists, and by the way how long did you take to create this useful post. Thanx man.

Great compilation of resources for web 2.0 design! Anyone looking to design for the new web or doing a redesign will find these resources very helpful. Thank you!

Web Design Norwich March 18th, 2009

Thanks, a great resource, however I feel the web 2.0 era is at the beggining of its end

Vandelay Design March 19th, 2009

Norwich,
I don’t disagree with you, but this post is a year and a half old.

Web Design Quote April 14th, 2009

Impressive collection, I must say, specially Buttons, Charts and Logos. Nice effort putting them here. I am looking forward for more posts.

PHWebMedia Online Marketing April 23rd, 2009

Great list of tools. Since we are re designing our site this list came in handy. Thanks Vandelay !

solexy April 23rd, 2009

thx, great list

dantel April 24th, 2009

i’ve shared it to all my friends. thanks!

4design May 26th, 2009

The long search for a full list of materials about Web 2.0! Special thanks for the links to the logos in the style of Web 2.0 and buttons.

aa July 3rd, 2009

DIY (Do it yourself) Chart is a Web-based, simple and powerful online tool to create interactive charts and graphs from static or dynamic data which may be generated using any scripting language.
Support full updates and data streaming without reloading the web page. Support 3D customization, including perspective, lighting, rotation, border skins, anti-aliasing, transparencies, isometric projections, shadows, and more. Support automatic and manual layout and alignment management. Support fully customizable legends. Support export chart in a variety of formats including BMP, JPG, PNG and EMF.
With DIY Chart you can create charts for your website, blog and social network profiles, and DIY Chart may be useful for those who need to visualize financial, scientific or other type of data.

Website Design Services July 7th, 2009

Thanks for the great list! I have bookmarked this (:

medyum July 14th, 2009

Leuke website, met een paar handige tips. Echter werken sommige links niet goed meer.

Acronyms July 17th, 2009

Thank you for taking you time to publish all of these on one page. Very useful indeed.

DIY Chart Builder July 17th, 2009

DIY Chart Builder – Free online create and design charts and graphs

Proweb SEO Company July 29th, 2009

Thanks man, this is really good of you, sharing.

San Antonio Web Design August 17th, 2009

Great list thanks for sharing. I bookmarked these links share with my friends.

Its too helpful and keep it up!

Jared August 24th, 2009

I love this post. I bookmarked it way back when you posted it, and I was going through my bookmarks, and came across it. It is a very nice list.

Asad September 9th, 2009

Check these website these are the cool one ;

for free templates : http://www.websourceinfo.com
for free tutorials : http://www.tutorialelement.com

Verma Design September 22nd, 2009

OMG. I cannot believe how much stuff is here. Thank you so much. I’ll be using this resource time and time again.

Adam Bean October 4th, 2009

You certainly have added tons of new resources.
This is a sensational post.
Finding all of these resources could take hours.
And here they all are here in one post.
Thanks Again

Catzie October 5th, 2009

Ahh, this is a wonderful resouce. Thanks so much for posting this. Almost everything I’ve been looking for is here. ;)

Folding Sliding Doors Guru October 6th, 2009

Wow, I’m glad I stumbled across this, it’s great! Thanks for taking the time to put it together (I know it’s old now but still!)
I think I’ll have to work some speech bubbles into my blog comments..

Tom Elliott October 11th, 2009

Hey, some great Web 2.0 gadgets – thanks!

London Scaffolding October 21st, 2009

great list I have bookmarked!

Ricardo November 2nd, 2009

thank you so much for this data. This is a very very good post.

BigM75 November 4th, 2009

nice – > thangs is very intresting

George December 5th, 2009

Amazing resource thanks a load for sharing this web 2.0 resorces page! bookmarked.

Lida December 8th, 2009

Wow, I’m glad I stumbled across this, it’s great! Thanks for taking the time to put it together (I know it’s old now but still!)
I think I’ll have to work some speech bubbles into my blog comments..

thank you so much for this data. This is a very very good post.

Lida December 8th, 2009

thank you, The css menus was very cool

Mark December 9th, 2009

great web 2.0 gadget thanks

Mustafa Ulusoy December 29th, 2009

wonderful resource thanks and a nice blog

slava January 4th, 2010

Thank you! It’s nice that you share useful information!

John January 10th, 2010

Fantastic article! You saved me from having to do tons of research on google by placing all of this information into one article. Thanks!

Ashley January 14th, 2010

I keep coming back here to use this list when working on projects! Thanks for the great bookmark!

dekorasyon January 27th, 2010

Finally i found this here…

Ashley January 30th, 2010

Just wanted to update and say I have been using this list frequently! Just came back and found that you also a have a list for rounded corners which is perfect for my new project.

web site design by metaGraphics February 8th, 2010

That’s really cool. Thanks!

Trackbacks

Leave a Reply