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
Generate your business videos by AI with voice or just text
Your first FREE AI Video App! Automate Your First AI Video. Create Your Professional Video In 5 Minutes By AI No Equipment Or Video Editing Skill Requred. Effortless Video Production For Content Marketers.
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/
- Sent (0)
- New