Style your Form Buttons with Only CSS and Zero Javascript

Ajax Freak

This is perhaps the easiest and simplest method I could find for styling the button element.The tutorial shows you how to style a submit button without any JavaScript and how to make a simple, yet effective, rollover effect that works in all browsers.

Tutorial

Share it

'Style your Form Buttons with Only CSS and Zero Javascript' a Del.icio.us

'Style your Form Buttons with Only CSS and Zero Javascript' a digg

'Style your Form Buttons with Only CSS and Zero Javascript' a FURL

'Style your Form Buttons with Only CSS and Zero Javascript' a blinklist

'Style your Form Buttons with Only CSS and Zero Javascript' a reddit

'Style your Form Buttons with Only CSS and Zero Javascript' a Technorati

'Style your Form Buttons with Only CSS and Zero Javascript' a Socializer

'Style your Form Buttons with Only CSS and Zero Javascript' a Ma.gnolia

'Style your Form Buttons with Only CSS and Zero Javascript' a Stumble Upon

'Style your Form Buttons with Only CSS and Zero Javascript' a Google Bookmarks

'Style your Form Buttons with Only CSS and Zero Javascript' a Propeller

'Style your Form Buttons with Only CSS and Zero Javascript' a Delirious

'Style your Form Buttons with Only CSS and Zero Javascript' a Live-MSN

'Style your Form Buttons with Only CSS and Zero Javascript' a SlashDot

'Style your Form Buttons with Only CSS and Zero Javascript' a Sphinn

'Style your Form Buttons with Only CSS and Zero Javascript' a FaceBook

'Style your Form Buttons with Only CSS and Zero Javascript' a Mixx

'Style your Form Buttons with Only CSS and Zero Javascript' a MySpace

'Style your Form Buttons with Only CSS and Zero Javascript' a Twitter

'Style your Form Buttons with Only CSS and Zero Javascript' a Mister-Wong

'Style your Form Buttons with Only CSS and Zero Javascript' a FriendFeed

Tags: buttons, CSS

This entry was posted on December 31, 2009 at 9:50 am, and is filed under CSS. Follow any responses to this post through RSS 2.0. You can leave a response or trackback from your own site.

Related Posts
Comments (0)

No comments yet.

No trackbacks yet.

Top 7 CSS and Javascript Clocks Picks

June 6, 2010 - 11:05 am

1 tweets

Tags: Clocks, CSS, javascript
Posted in CSS, javascript | No comments

This time Ajax Freak picks top 7 javascript and css analog and digital clocks to use in your next project. These clocks really cool and impressive. Moreover these clocks shows the power of CSS and Javascript which is why it makes these clocks worth watching.
1. CSS and JS clock visit

2. CSS3 and Jquery clock visit

3. Analog Clock visit

.
4. [...]

Share it

'Top 7 CSS and Javascript Clocks Picks' a Del.icio.us

'Top 7 CSS and Javascript Clocks Picks' a digg

'Top 7 CSS and Javascript Clocks Picks' a FURL

'Top 7 CSS and Javascript Clocks Picks' a blinklist

'Top 7 CSS and Javascript Clocks Picks' a reddit

'Top 7 CSS and Javascript Clocks Picks' a Technorati

'Top 7 CSS and Javascript Clocks Picks' a Socializer

'Top 7 CSS and Javascript Clocks Picks' a Ma.gnolia

'Top 7 CSS and Javascript Clocks Picks' a Stumble Upon

'Top 7 CSS and Javascript Clocks Picks' a Google Bookmarks

'Top 7 CSS and Javascript Clocks Picks' a Propeller

'Top 7 CSS and Javascript Clocks Picks' a Delirious

'Top 7 CSS and Javascript Clocks Picks' a Live-MSN

'Top 7 CSS and Javascript Clocks Picks' a SlashDot

'Top 7 CSS and Javascript Clocks Picks' a Sphinn

'Top 7 CSS and Javascript Clocks Picks' a FaceBook

'Top 7 CSS and Javascript Clocks Picks' a Mixx

'Top 7 CSS and Javascript Clocks Picks' a MySpace

'Top 7 CSS and Javascript Clocks Picks' a Twitter

'Top 7 CSS and Javascript Clocks Picks' a Mister-Wong

'Top 7 CSS and Javascript Clocks Picks' a FriendFeed

MAKE A DROP SHADOW CHANGER WITH JQUERY AND CSS3

June 2, 2010 - 9:54 am

1 tweets

Tags: CSS, Jquery, Tutorial
Posted in CSS, Jquery, Tutorial | 1 comment

This is a very cool and step-by-step tutorial on how to make a CSS3 drop shadow changer using Ajax and little bit of PHP/MySQL.
Demo : Tutorial

Share it

Share it

'MAKE A DROP SHADOW CHANGER WITH JQUERY AND CSS3' a Del.icio.us

'MAKE A DROP SHADOW CHANGER WITH JQUERY AND CSS3' a digg

'MAKE A DROP SHADOW CHANGER WITH JQUERY AND CSS3' a FURL

'MAKE A DROP SHADOW CHANGER WITH JQUERY AND CSS3' a blinklist

'MAKE A DROP SHADOW CHANGER WITH JQUERY AND CSS3' a reddit

'MAKE A DROP SHADOW CHANGER WITH JQUERY AND CSS3' a Technorati

'MAKE A DROP SHADOW CHANGER WITH JQUERY AND CSS3' a Socializer

'MAKE A DROP SHADOW CHANGER WITH JQUERY AND CSS3' a Ma.gnolia

'MAKE A DROP SHADOW CHANGER WITH JQUERY AND CSS3' a Stumble Upon

'MAKE A DROP SHADOW CHANGER WITH JQUERY AND CSS3' a Google Bookmarks

'MAKE A DROP SHADOW CHANGER WITH JQUERY AND CSS3' a Propeller

'MAKE A DROP SHADOW CHANGER WITH JQUERY AND CSS3' a Delirious

'MAKE A DROP SHADOW CHANGER WITH JQUERY AND CSS3' a Live-MSN

'MAKE A DROP SHADOW CHANGER WITH JQUERY AND CSS3' a SlashDot

'MAKE A DROP SHADOW CHANGER WITH JQUERY AND CSS3' a Sphinn

'MAKE A DROP SHADOW CHANGER WITH JQUERY AND CSS3' a FaceBook

'MAKE A DROP SHADOW CHANGER WITH JQUERY AND CSS3' a Mixx

'MAKE A DROP SHADOW CHANGER WITH JQUERY AND CSS3' a MySpace

'MAKE A DROP SHADOW CHANGER WITH JQUERY AND CSS3' a Twitter

'MAKE A DROP SHADOW CHANGER WITH JQUERY AND CSS3' a Mister-Wong

'MAKE A DROP SHADOW CHANGER WITH JQUERY AND CSS3' a FriendFeed

10 New jQuery and CSS Button Techniques Part(1)

May 26, 2010 - 11:16 am

1 tweets

Tags: CSS, css3, Jquery
Posted in CSS, Jquery, Tutorial | No comments

Ajax Freak this time presents 10 new jQuery and CSS Button Techniques for jQuery lovers and designers.These tutorials and plugins are very helpfull for your day to day new web designs.Hope you like them…
Creative Button Animations with Sprites and jQuery

This tutorial will show you how to build creative hover animations for buttons using sprites. Part [...]

Share it

'10 New jQuery and CSS Button Techniques Part(1)' a Del.icio.us

'10 New jQuery and CSS Button Techniques Part(1)' a digg

'10 New jQuery and CSS Button Techniques Part(1)' a FURL

'10 New jQuery and CSS Button Techniques Part(1)' a blinklist

'10 New jQuery and CSS Button Techniques Part(1)' a reddit

'10 New jQuery and CSS Button Techniques Part(1)' a Technorati

'10 New jQuery and CSS Button Techniques Part(1)' a Socializer

'10 New jQuery and CSS Button Techniques Part(1)' a Ma.gnolia

'10 New jQuery and CSS Button Techniques Part(1)' a Stumble Upon

'10 New jQuery and CSS Button Techniques Part(1)' a Google Bookmarks

'10 New jQuery and CSS Button Techniques Part(1)' a Propeller

'10 New jQuery and CSS Button Techniques Part(1)' a Delirious

'10 New jQuery and CSS Button Techniques Part(1)' a Live-MSN

'10 New jQuery and CSS Button Techniques Part(1)' a SlashDot

'10 New jQuery and CSS Button Techniques Part(1)' a Sphinn

'10 New jQuery and CSS Button Techniques Part(1)' a FaceBook

'10 New jQuery and CSS Button Techniques Part(1)' a Mixx

'10 New jQuery and CSS Button Techniques Part(1)' a MySpace

'10 New jQuery and CSS Button Techniques Part(1)' a Twitter

'10 New jQuery and CSS Button Techniques Part(1)' a Mister-Wong

'10 New jQuery and CSS Button Techniques Part(1)' a FriendFeed

Five HTML5 n CSS3 Templates n Frameworks

May 7, 2010 - 1:35 pm

Tags: CSS, css3, html 5, templates
Posted in CSS, HTML | 1 comment

Here you will find a collection of visually basic templates, but with all of them fully packed and enriched with CSS3 and HTML5 goodness.
HTML5 Basic Template Pack
This template has been heavily inspired by the Smashing Magazine HTML 5 template tutorial, however the (CSS & Design) has been modified in several ways.
This basic template comes [...]

Share it

'Five HTML5 n CSS3 Templates n Frameworks' a Del.icio.us

'Five HTML5 n CSS3 Templates n Frameworks' a digg

'Five HTML5 n CSS3 Templates n Frameworks' a FURL

'Five HTML5 n CSS3 Templates n Frameworks' a blinklist

'Five HTML5 n CSS3 Templates n Frameworks' a reddit

'Five HTML5 n CSS3 Templates n Frameworks' a Technorati

'Five HTML5 n CSS3 Templates n Frameworks' a Socializer

'Five HTML5 n CSS3 Templates n Frameworks' a Ma.gnolia

'Five HTML5 n CSS3 Templates n Frameworks' a Stumble Upon

'Five HTML5 n CSS3 Templates n Frameworks' a Google Bookmarks

'Five HTML5 n CSS3 Templates n Frameworks' a Propeller

'Five HTML5 n CSS3 Templates n Frameworks' a Delirious

'Five HTML5 n CSS3 Templates n Frameworks' a Live-MSN

'Five HTML5 n CSS3 Templates n Frameworks' a SlashDot

'Five HTML5 n CSS3 Templates n Frameworks' a Sphinn

'Five HTML5 n CSS3 Templates n Frameworks' a FaceBook

'Five HTML5 n CSS3 Templates n Frameworks' a Mixx

'Five HTML5 n CSS3 Templates n Frameworks' a MySpace

'Five HTML5 n CSS3 Templates n Frameworks' a Twitter

'Five HTML5 n CSS3 Templates n Frameworks' a Mister-Wong

'Five HTML5 n CSS3 Templates n Frameworks' a FriendFeed

Valid Non-Javascript Lightbox

May 4, 2010 - 9:28 pm

Tags: CSS, Plugins
Posted in CSS, Plugins, Prototype | No comments

Home : Demo

Share it

Share it

'Valid Non-Javascript Lightbox' a Del.icio.us

'Valid Non-Javascript Lightbox' a blinklist

'Valid Non-Javascript Lightbox' a reddit

'Valid Non-Javascript Lightbox' a Technorati

'Valid Non-Javascript Lightbox' a Socializer

'Valid Non-Javascript Lightbox' a Ma.gnolia

'Valid Non-Javascript Lightbox' a Stumble Upon

'Valid Non-Javascript Lightbox' a Google Bookmarks

'Valid Non-Javascript Lightbox' a Propeller

'Valid Non-Javascript Lightbox' a Delirious

'Valid Non-Javascript Lightbox' a Live-MSN

'Valid Non-Javascript Lightbox' a SlashDot

'Valid Non-Javascript Lightbox' a Sphinn

'Valid Non-Javascript Lightbox' a FaceBook

'Valid Non-Javascript Lightbox' a MySpace

'Valid Non-Javascript Lightbox' a Twitter

'Valid Non-Javascript Lightbox' a Mister-Wong

'Valid Non-Javascript Lightbox' a FriendFeed

Pure CSS Timeline

May 4, 2010 - 9:22 pm

Tags: CSS, css timeline
Posted in CSS | No comments

In this tutorial you will learn how to build a simple, clean and accessible pure CSS timeline with some very straight forward and basic markup.
Home : Demo

Share it

Share it

CSS Image Map

May 1, 2010 - 5:45 am

Tags: CSS, Image, map
Posted in CSS | No comments

While they may not be used as often as they once were in the heyday of HTML table based web design, image maps can still be quite useful in situations that call for it.
In this tutorial, you’ll be shown how to build a pure CSS image map with background image sprites and cap it all [...]

Share it

Cheats Sheets for Designers n Developers

April 30, 2010 - 11:23 pm

Tags: cheat sheets, CSS, designers, developers, HTML, html 5, Jquery
Posted in CSS, HTML, Jquery, javascript | No comments

If you are a web developers and designers, and you are working on multiple programming languages and different frameworks then you must need cheat sheets to enhance and fast your work.
Ajax Freak brings the collection of printer friendly cheat sheets specially for front end development.
HTML 5 Cheat Sheet

HTML 5 Visual Cheat Sheet

(X)HTML Elements and Attributes

HTML [...]

Share it

'Cheats Sheets for Designers n Developers' a Del.icio.us

'Cheats Sheets for Designers n Developers' a digg

'Cheats Sheets for Designers n Developers' a FURL

'Cheats Sheets for Designers n Developers' a blinklist

'Cheats Sheets for Designers n Developers' a reddit

'Cheats Sheets for Designers n Developers' a Technorati

'Cheats Sheets for Designers n Developers' a Socializer

'Cheats Sheets for Designers n Developers' a Ma.gnolia

'Cheats Sheets for Designers n Developers' a Stumble Upon

'Cheats Sheets for Designers n Developers' a Google Bookmarks

'Cheats Sheets for Designers n Developers' a Propeller

'Cheats Sheets for Designers n Developers' a Delirious

'Cheats Sheets for Designers n Developers' a Live-MSN

'Cheats Sheets for Designers n Developers' a SlashDot

'Cheats Sheets for Designers n Developers' a Sphinn

'Cheats Sheets for Designers n Developers' a FaceBook

'Cheats Sheets for Designers n Developers' a Mixx

'Cheats Sheets for Designers n Developers' a MySpace

'Cheats Sheets for Designers n Developers' a Twitter

'Cheats Sheets for Designers n Developers' a Mister-Wong

'Cheats Sheets for Designers n Developers' a FriendFeed

15 Beautiful Examples Of CSS Navigation

April 23, 2010 - 10:55 am

Tags: CSS, navigation
Posted in CSS | No comments

Navigation gives users easy acces website’s content. Here is a list of 15 well-designed navigation menus. Some of them use CSS sprites, some use jQuery or another library, and others take advantage of the great properties available in CSS3.
I hope you will enjoy this post. Please feel free to chime in by leaving a comment [...]

Share it

Ajax Freak

Style your Form Buttons with Only CSS and Zero Javascript

No comments yet.

No trackbacks yet.

Top 10 sexiest galleries and slideshows Picks

Top 7 CSS and Javascript Clocks Picks

MAKE A DROP SHADOW CHANGER WITH JQUERY AND CSS3

10 New jQuery and CSS Button Techniques Part(1)

Five HTML5 n CSS3 Templates n Frameworks

Valid Non-Javascript Lightbox

Pure CSS Timeline

CSS Image Map

Cheats Sheets for Designers n Developers

15 Beautiful Examples Of CSS Navigation

Ajax Freak Forum

Subscribe to Ajax Freak

Blogroll