Badges are maybe the most famous design elements of the Web 2.0 design trend.
They are commonly used to emphasize information, sometimes as buttons, in logos, and sure, for the "beta information" of web applications. When used creatively, they are really powerful.
I have collected 36 Web 2.0 badges from the websites which I like the designs of them and hope you will like and inspire.
To use badges on your website check the previous post: Web 2.0 Badges Collection.
Read the rest of this entry »
Web 2.0 styles, if you like the gradients and shiny looks, simply boost the design process.
Similar to the DezinerFolio Web 2.0 Photoshop gradients, 2EXPERTSDESIGN created a set of Fireworks Web 2.0 Styles which Fireworks users will find handy.
Collabtive is a free PHP project management software with a Web 2.0 looking, ajaxed interface.
The software is still in the beta phase but it already has the features like:
- Projects, Milestones, Taskslists, Tasks
- User management
- Message system
- Integrated instant messenger
- Multilingual
- Template system
Activecollab was one of the most popular free project management softwares that became a paid solution after sometime. If you are looking for an alternative which will run on your servers & have an open source code, take a look at Collabtive.
There are some nice upcoming features like a flash progress meter for the projects.
Requirements: PHP, MySQL
ModalBox is a JavaScript technique for creating Web 2.0 – style modal dialogs (or sequence of dialogs) without using standard popups and page reloads.
It’s inspired by Mac OS X modal dialogs and based on Prototype JavaScript framework + script.aculo.us and valid XHTML/CSS. Content can be loaded with Ajax or just plain-HTML.
ModalBox Features
- Web 2.0-ready. ModalBox uses industry-standard libraries — prototype and script.aculo.us.
- Offline-mode. Use dynamic- or plain-HTML without any Ajax-calls to fill out your dialog windows.
- AJAX page loading. ModalBox uses AJAX instead of deprecated
iframe for content loading. It’s also more secure — you can’t access pages that are not on your host.
- Callbacks support. You can attach your own JavaScript events after showing or hiding (and more) the ModalBox
- Automatic height adjustment. ModalBox adjust it’s height depending on your content. No more height tweaking!
- Scrolling mode. If your content is long, just define the height of the ModalBox and it will switch into “scrolling mode”
- Browser and platform independent. Since most modern browsers use popup blockers, it’s hard to find another way to create 100% browser-compatible modal dialogs.
- Multi-purpose. You can create complex wizards to guide users through the process. Image slideshows can be created too.
- Keystrokes support. Use ESC key to close ModalBox.
- Customizable Look & Feel. Use CSS to make ModalBox look like you want.
- Supports transitional effects. Slide down appearing and on-the-fly resizing.
- Lightweight. Just about 10 KB of code.
- Works in most modern browsers. Tested in IE6, IE7, Firefox 1.0, 1.5, 2.0, Safari, Camino, Opera 8 and 9.
P.S. There is a Mootools clone of ModalBox named MOOdalBox.
Requirements: Prototype + script.aculo.us (included)
Compatibility: All Major Browsers
Badges are the popular design elements of the Web 2.0 look.
Below, there are many Web 2.0 looking badges which can be used in banners & other graphic works.
This vector glossy badge set includes 21 different colors:
http://www.bittbox.com/freebies/free-vector-badges-glass/
Package includes AI, EPS, and SVG format.
This set includes 9 different colored and shaped Web 2.0 looking badges:
http://www.dezinerfolio.com/2007/04/23/web-20-badges-free-download/
Package includes PSD and PNG format.
This is a 7 piece Web 2.0 badge package:
http://www.jay-han.com/2007/10/06/7-web-20-badges-vector-download/
Package includes EPS format.
4 piece web badges set:
http://www.toptut.com/2007/09/10/web-20-badges-download-glossy-free-psd-file/
Package includes PSD format.
This is a sunny badge set with very nice gradient usage.
http://www.flying-people.com/2007/10/10/20-free-sunny-buttons/
Package includes PSD and PNG format.
