CSS3 - a higher CSS standard for designing HTML layout on web applications - is gradually being used widely. CSS3 is gradually affirming the position and benefit to CSS2, by from strong support of modern browsers: Firefox 3.5+, Google Chrome, Safari, ...

CSS3 has a lot of technical specifications and new features. However, within the scope of this JavaScript article, the author only shows the powerful ability of CSS3 to build the awesome, unique buttons. Please go to the full JavaScript article page for the addresses of CSS3 resources.

• Demo
• Enlarge
• Reload
• New window

Download Free Buttons in PNG and PSD Format

The author of Button-Download.com has
been keeping the buttons he made in the past. Now he has released all of them to
us. All of the buttons are in PNG and PSD format, so that you can edit the
buttons as you like. You are free to use these buttons your personal and
commercial projects. To make your life easier, you can also download these
buttons all at once by clicking the "All Download" button as well.

Demo: http://www.button-download.com/

How to Create Skype-like Buttons with jQuery

If you use Skype I am sure that you noticed that animated button for adding
more people to a chat. When you mouseover on it, the icon on the left "jumps"
for a few times. The animation looks really attractive.

Janko is going to show you how to create the  Buttons using jQuery and some simple CSS. The code is tested in Firefox,
Safari and IE7.

Demo: http://www.jankoatwarpspeed.com/examples/skype_buttons/

Reusable Imageless Google Custom Buttons

Until some future version of HTML gives us new native controls to use in a
browser, at Google, they have been playing and experimenting with controls they
call " Buttons" in their apps (among other custom controls). These buttons just
launched in Gmail and Google Reader recently.

The buttons are designed to look very similar to basic HTML input buttons.
But they can handle multiple interactions with one basic design. The buttons
we're using are imageless, and they're created entirely using HTML and CSS, plus
some JavaScript to manage the behavior. They're also easily skinnable with a few
lines of CSS, which was a key factor now that Gmail has themes.

Demo: http://stopdesign.com/archive/2009/02/04/recreating-the-button.html

Set Of Free Web Application Buttons By WebResourcesDepot

Today WebResourcesDepot realeased  of web application buttons. The button set is a nice and has a good look.
This Set contains a PSD file with well grouped layers. You can easily create new
buttons by duplicating or editing the current ones.

Demo :
http://www.webresourcesdepot.com/web-applications-classic-button-set/

• Code
• Print

• Comment (1)
• Write

by Ian Harte, 09/06/2011 04:06 PM
Reply

Nice freebie post! Not sure I'm overly keen on any of these though! Keep them coming though.

by Preview

Cancel reply

Write your comment

Comments of Guest will be previwed before published
Give your real email to get notifying replies, or comment will be deleted

Your name *
Your email^g *
Your site

Comment's title

I assure 100% I am real human
I repeat I am not bot

• Sent (0)
• New