99 Resources for Web 2.0 Design


	99 Resources for Web 2.0 Design
swampfoxz
5-15-2008 2:53 PM
308 views
tags:
resources, web2.0
swampfoxz says:
I am always looking for stuff like this and I don't know if anyone else clipped this but it's a "must have" list.
1 Comment |
Add a Comment
5-15-2008 4:10 PM
valeehill
This is an excellent resource. Thanks for clipping it!
Login to Comment. Not a member yet? Sign up
Virginia Civil War Battlefields Gaining Pr...
50 Great Free Online Libraries
5000+Resources to do just about anything o...
incredible cowering over hatred for this ad!
Web 2.0 Jobs Slipping
Cisco, IBM, Intel, Juniper and Microsoft f...
More clips from swampfoxz

No North Pole ice for 1st time in human hi...
Mother duck's 'bird brain' saves ducklings
Engrish gone Wong last part
Today's Top Clips

visit the Top Clips page
View the Top Clips from May 15, 2008
Embed This Clip In Your Site...
<div style="margin: 12px 0px; font-family: arial; color: #333333; background: #ffffff; border: solid 4px #e5e5e5; width: 100%; clear: left;"><div class="CM_CTB_Content_Wrap" style="margin: 0px; padding: 0px;background-color: #ffffff;"><div style="border-bottom: solid 1px #dcdcdc; white-space: nowrap; margin-bottom: 8px; background-color: #eeeeee ;background-image: url(http://www.clipmarks.com/images/source-bg.gif); background-repeat: repeat-x; height: 24px; line-height: 24px; vertical-align: middle; padding-bottom: 4px; color: #666666; font-size: 10px;" ><a href="http://clipmarks.com/clip-to-blog/" title="see clips that are hot right now"><img src="http://content.clipmarks.com/blog_embed/2b5ae354-cb68-4af3-b7e5-ca62aeaabeda/C1B3C9EC-A396-49A6-A0DC-17A41F602DAC/" alt="" width="19" height="19" border="0" style="vertical-align: middle; margin: 0px 4px; display: inline; border: none; float:none;" /></a>clipped from <a title="http://vandelaydesign.com/blog/design/web-20-design/" href="http://vandelaydesign.com/blog/design/web-20-design/" style="font-size: 11px;">vandelaydesign.com</a></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://vandelaydesign.com/blog/design/web-20-design/"><H2><A title="Permanent Link: 99 Resources for Web 2.0 Design" rel="bookmark" href="http://vandelaydesign.com/blog/design/web-20-design/">99 Resources for Web 2.0 Design</A></H2></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://vandelaydesign.com/blog/design/web-20-design/"><H3><IMG align="right" alt="Web 2.0 badge" src="http://www.vandelaydesign.com/images/badge.jpg" />BADGES</H3></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://vandelaydesign.com/blog/design/web-20-design/"><P><A href="http://www.web20badges.com/">Web 2.0 Badges</A> - A set of free  badges to download and use in your own designs.</P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://vandelaydesign.com/blog/design/web-20-design/"><H3>BUTTONS</H3></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://vandelaydesign.com/blog/design/web-20-design/"><P><A href="http://www.mycoolbutton.com/">My Cool Button</A> - A nice online  tool that will help you to quickly create the button that you want.</P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://vandelaydesign.com/blog/design/web-20-design/"><H3>ROUNDED CORNERS</H3></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://vandelaydesign.com/blog/design/web-20-design/"><P><A href="http://www.roundedcornr.com/">RoundedCornr</A></P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://vandelaydesign.com/blog/design/web-20-design/"><H3>LOGOS</H3></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://vandelaydesign.com/blog/design/web-20-design/"><div align="center"><img src="http://content7.clipmarks.com/blog_cache/vandelaydesign.com/img/317F4F42-E820-42FF-8DE3-6D143B92D60F" alt="Logo Creatr" /></div></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://vandelaydesign.com/blog/design/web-20-design/"><P><A href="http://h-master.net/web2.0/">Web 2.0 Logo Creator</A></P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://vandelaydesign.com/blog/design/web-20-design/"><H3>ICONS</H3></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://vandelaydesign.com/blog/design/web-20-design/"><div align="center"><img src="http://content8.clipmarks.com/blog_cache/vandelaydesign.com/img/96BA30D8-A224-4A32-A11E-CBFD7462231A" alt="Web 2.0 icons" /></div></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://vandelaydesign.com/blog/design/web-20-design/"><H3>SPEECH BUBBLES</H3></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://vandelaydesign.com/blog/design/web-20-design/"><div align="center"><img src="http://content9.clipmarks.com/blog_cache/vandelaydesign.com/img/EB362140-6C15-47E9-88D8-9F745A92F35E" alt="Speech Bubbles from Will Mayo" /></div></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://vandelaydesign.com/blog/design/web-20-design/"><H3>BACKGROUND IMAGES</H3></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://vandelaydesign.com/blog/design/web-20-design/"><P><A href="http://lab.rails2u.com/bgmaker/">Background Image Maker</A> - Create  background images with choices like transparency and gradients.</P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://vandelaydesign.com/blog/design/web-20-design/"><P><A href="http://www.stripegenerator.com/">Stripe Generator 2.0</A> - 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.</P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://vandelaydesign.com/blog/design/web-20-design/"><H3>COLORS</H3></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://vandelaydesign.com/blog/design/web-20-design/"><P><A href="http://www.flickr.com/photos/ross/49490304/">The Colors of Web  2.0</A> - Are you looking to match the color of a popular web 2.0 site?</P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://vandelaydesign.com/blog/design/web-20-design/"><H3>NAVIGATION</H3></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://vandelaydesign.com/blog/design/web-20-design/"><P><A href="http://www.webmaster-toolkit.com/css-menu-generator.shtml">CSS Menu  Generator</A> - Easily create attractive CSS menus.</P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://vandelaydesign.com/blog/design/web-20-design/"><H3>FAVICONS</H3></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://vandelaydesign.com/blog/design/web-20-design/"><H3>CHARTS</H3></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://vandelaydesign.com/blog/design/web-20-design/"><P><A href="http://www.avatargenerator.org/">Avatar Maker</A> - Create and edit  an avatar.</P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://vandelaydesign.com/blog/design/web-20-design/"><P><A href="http://templatr.cc/">Templatr</A> - Create a layout.</P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://vandelaydesign.com/blog/design/web-20-design/"><P><A href="http://www.anybrowser.com/MetaTagGenerator.html">Meta Tag  Generator</A> - Easily create meta tags for your pages.</P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://vandelaydesign.com/blog/design/web-20-design/"><P><A href="http://www.dropshadow.net/">Drop Shadow</A> - Improve your images  with a drop shadow.</P></blockquote></div><div style="margin: 0px 6px 6px 4px;"><table style="font-size: 11px;border-spacing: 0px;padding: 0px;" cellpadding="0" cellspacing="0" width="100%"><tr><td style="background:transparent;border-width:0px;padding:0px;">&nbsp;</td><td align="right" style="background:transparent;border-width:0px;padding:0px;width:107px" width="107"><a href="http://clipmarks.com/share/C1B3C9EC-A396-49A6-A0DC-17A41F602DAC/blog/" title="blog or email this clip"><img src="http://content6.clipmarks.com/images/c2b-foot.png" border="0" alt="blog it" width="107" height="17" style="border-width:0px;padding:0px;margin:0px;" /></a></td></tr></table></div></div>
Clipmarks: Home; New Clips; Top Clips; Dashboard
Popular Topics: News; Life; Science; Technology; Entertainment
Get Started: Sign Up; Install Clipping Tool; How Clipping Works; Clip-to-Blog™; ClipSearch
Tools and Resources: FAQ; ClipWeek; Top Clippers; Top Tags; Site Map
About Clipmarks: About Us; Contact; Blog; Copyright; Privacy; EULA
Search Options

Related Clips

More clips from swampfoxz

Today's Top Clips
