INCLUDE_DATA
Web 2.0 Design Resources

Web 2.0 Design Resources

BADGES

Web 2.0 Badges - Useful collection of stylish web 2.0 badges and badge generator.

Fresh Badge - Quickly create very trendy, eye-candy, and very web 2.0 badges for your site, blog or scrapbook.

Web 2.0 Badges - Deziner Folio - Here is a set of very cool Web 2.0 Badges for you in .PSD and .PNG formats.

Free Vector Badges - BittBox - Web 2.0 sites typically make their own, but for all of you who want quick access to this common design feature, I’ve included PNG and JPG images in the download as well as AI, EPS, and SVG source files.

Official Seal Generator - Enter some text, choose a border and an emblem, pick your colors, and click the ‘Go’ button. An Official Seal will be generated for you. Collect ‘em, trade ‘em, put ‘em on your website, or e-mail ‘em to your friends.

Badge Photoshop Tutorial - Web 2.0 Badge Photoshop Tutorial

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

BUTTONS

My Cool Button - Web 2.0 and grudge free buttons generator!

Button Maker :: Adam Kalsey - Call it a badge, sticker, button, or whatever you’d like. Create yours below. Pick some colors, enter some text, and you’ll get a button you can download for your site.

Button Maker -  Blog Flux Blog Tools - quickly make buttons, scramble your e-mail address, make quick rss links, or display Who’s Online your website.

Buttonator - Drag and Drop Web Buttons

RSS Buttons - RSS Buttons, RSS Button Generator - 150 Fonts, 144 Colors - 80×15 Pixel Button Maker.

ButtonGenerator - Navigation menus buttons.

Crystal Button - Web Button Maker - Create Smooth Buttons, Navigation Bars, Animated Flash Buttons.

Chicklet Creator - Create RSS Feed Subscription Buttons for Blogs.

ROUNDED CORNERS

RoundedCornr - This generates a basic box with rounded corners. It will create four image files and the necessary HTML and CSS code for you to put rounded corners around your content.

Corner Shop - creating rounded corner graphics to use in your website design.

Spiffy Box - Simple Rounded Corner CSS Boxes made easy.

Canvas Corner - The library uses unobtrusive JavaScript and microformats to allow users to simply add class names to an img tag to render them with corner effects, all via Canvas.

Spanky Corners - Spanky Corners’ is an experimental technique for using only CSS to produce ’round-cornered content boxes’ with semantically pure markup. It does not require JavaScript to work

CSS Smart Corners - This method uses CSS and small images.

Css Rounded Corners - Rounded corners in CSS has become sort of a holy grail. The problem with most of the rounded corner techniques is that they require alteration of the HTML document itself, which means that retrofitting it onto an existing design may require a lot of effort. However, there is a solution that will allow you to retrofit this to existing designs without altering any markup.

News List - Each list item will expand vertically to contain any amount of text. It will take either an extremely large font size or a heading that is several lines long to break the effect. Increasing the height of the background image will let the heading grow taller before problems occur.

LOGOS

Web 2.0 Logo Creatr -  Create web 20 logos with different variations

Web 2.0 Logo Creator - web 2.0 Logo Creator Online. Design and Create Free Logos

Web 2.0 Stylr - Enter your text, select your options and you have a logo! You can also “sign” your masterpiece to give yourself some well deserved credit!

ICONS

Feed Icons - Home of the Standard Web Feed Icon.

Perishable Press - A Nice Collection of Feed Icons.

Free Glass Style RSS/Feed Icons - 8 colors in various sizes and formats

Snap 2 Objects - 30 Free Vector RSS Icons.

SPEECH BUBBLES

CSS Speech Bubbles - Easy to customize speech bubbles coded in valid XHTML and CSS.

WigFlip - Make your own apeech bubbles

Fluid CSS Speech Bubbles - creating the neat little bubbles is a simple enough task with the use of CSS by using a series of nested divs.

Speech Bubble Generator - you can now generate a code that will let you communicate with your buddies through speech bubbles or thought bubbles, like the ones used in comics and TV shows

Bubble Photoshop Tutorial- Creating a speech bubble shaped path. In this step we will create a path with the shape of a speech bubble

COLORS

The Colors of Web 2.0 - Popular web 2.0 websites colors (on flickr)

Web 2.0 Color Pallete - Organised into 3 distinct colour groups - neutrals, muted tones and bold colours, you may recognize a few of the shades from some of your favourite Web2.0 sites.

Color Schemer - Website-ready color schemes for ColorSchemer.

Colour lovers - Find design inspiration with thousands of palettes and color schemes to fall in love with. Influence color trends by rating, commenting and sharing.

I Like Your Colors - There is a form at the bottom of this page that lets you choose any URL you want to extract colors from. The colors you see here are from the site that referred you to this page!

NAVIGATION

CSS Menu Generator - CSS Menu Generator will generate both the CSS and the HTML code required to produce a text-based yet appealing set of navigation buttons.

Listamatic - one list, many options -  Using CSS and a simple list to create radically different list options

List-O-Matic - Generate CSS-styled navigation menus based on list items (using <li> tags) | Developer Tools | Accessify

Tabs Generator - Navigation Tab Menu Generator CSS.

Exploding Boy - Free CSS Navigation Menu Designs 2

CSS Navigation Menu Generator - This utility will help you create an attractive CSS Navigation Menu without writing a single line of CSS.

OTHER

Avatar Maker - (Web 2.0 Emoticon/Avatar Generator), Make 5,000 Custom Avatars For Your Forum/Blog Profile

VectorMagic - Precision Bitmap To Vector Conversion Online

Templatr - Web2.0 Template Generator

PsycHo - Free template generator.

Web 2.0 Generator - XHTML CSS Design Generator

Thumbnail Generator - An easy way to process thumbnails from a large amount of images

CSS Sprite Generator - This tool allows you to automate the process of generating CSS sprites. Simply give it a ZIP file containing 2 or more images (GIF, PNG or JPG) and it will generate a sprite image and the corresponding CSS rules to target and display each component image.

PSBrushes.net - Photoshop Brushes, Your Number one source for Photoshop Brushes.


Share this article!

Share it your friends & colleagues and help us spread it to the World.


4 Comments »

  1. [...] here: De Web Times - Share Your Resources » Blog Archive » Web 2.0 … Related ArticlesBookmarksTags Lime green RAZR in the mix - Engadget Mobile I was hoping [...]

    comment-bottom
  2. Wow, most comprehensive list I’ve seen so far, it must have taken you forever to put these together. Thanks for helping to keep web 2.0 a thing of the people, instead of the reserve of designers and developers!

    comment-bottom
  3. Vikas Says:

    Hi,

    Great resources. Thanks

    comment-bottom
  4. These are amazing resources! This probably took some time to compile. Thanks for sharing this!

    comment-bottom

RSS feed for comments on this post. TrackBack URL

Leave a comment

 

Suggestions?
If you have suggestions or feedback on how we can improve it for you, please let us know! We do our best to keep up!

Make Suggestions

Get Connected

 

  Contact Us

You can contact us at:
 
© Copyright De Web Times - Sharing Useful Resources. 2006 - 2009. All rights reserved. | Powered by Wordpress  Sitemap  Site Meter  CSS (Computers & The Internet) - TOP.ORG