This JavaScript and CSS code allows you to use your own images instead of the default browser input elements for HTML checkboxes, radio buttons and select lists. This gracefully degrades if JavaScript is disabled.
Just add class=”styled” to any checkbox, radio button or select list.

To get the checkboxes, radio buttons and select boxes to work properly, you'll need to change three variables in the script: checkboxHeight, radioHeight and selectWidth on lines 21-23. If you use the images I created, you won't have to…

Bookmark It

This tutorial illustrates how to design a FORM using list to simulate a “table” structure where to place your form elements (input, radio, checkbox, button…)

I think this is a great start, but there's a long way to go here (and I encourage your readers to dig in deep). For example, those radio buttons are a group of related fields, so they should be in a fieldset, and what about inline…

Bookmark It

Its rare that we would want to lock up our website with a password. However, there might be few occasions when we need to protect a few pages of our site (or whole) from the general public and made accessible to a selected group of users. For such times, here are 5 neat free tools that will help you get started.

PoppyDog Passsword Protector is a neat free online tool to password protect your web pages. In order to use the tool, you need to log in as a member at the PoppyDog site and access your member dashboard. You can add the password protector tool to…

Bookmark It

Web forms dont have to be boring and, using CSS or Flash, you can easily make sure that they are appealing and effective. To get noticed, you need to come up with something unique and interesting ' symbols, icons, colors, position or the size of web form are often used to achieve interesting design solutions.

Nice list. As always, great visual inspiration. One bone to pick: Paregonta.com is neither Cubist nor Minimal. I think the words you’re looking for are squarish and simple. Cubism is about deconstructing an object from different…

Bookmark It

Process and integrate data from YouTube into your PHP application with PHP’s SimpleXML extension

<?xml version='1.0' encoding='UTF-8'?> <app:categories xmlns:app='http://www.w3.org/2007/app' xmlns:atom='http://www.w3.org/2005/Atom'…

Bookmark It

Do you need to figure out how much to charge your customers? This is the ultimate guide for freelancers and consultants for figuring out how much to charge when setting their rates.

Technorati Tags: pricing, setting rates, setting freelance rates, how much to charge, how much freelancers should charge, how much should i charge, charging clients, charging customers, set freelance rates, positioning yourself amongst…

Bookmark It

Drupal Code Search lets you search source code from thousands of Drupal modules and themes. Use regular expressions, filter results by version, and more.

Drupal Code Search helps you find Drupal code easier!

Bookmark It

Two month ago weve presented the 50 favorite jQuery plugins many developers use and we promised that the second version will be coming soon. Today, we are going to introduce 45+ more jquery plugins that were recently created.

15) jQuery Form Plugin- Allows you to easily and unobtrusively upgrade HTML forms to use AJAX by using ajaxForm and ajaxSubmit methods to gather information from the form element and determine how to manage the submit process which allows…

Bookmark It

Why is transforming furniture so alluring? Does it appeal to our sense that innovation is progress, the fact that fewer materials for more uses is sustainable or simply a return to the childhood love of things that we can actively change and shape as we wish? Whatever the reason, these designs range from humorous and impractical to jaw-dropping…

Yellow might not be the best color, but you have to appreciate this simply brilliant Tetris-based Chairs + Table design. Aside from the sofa, bed, and chairs-and-tables configuration these also pack up nicely to be stored. The…

Bookmark It

This tutorial will teach you how to create pretty looking textual buttons (with alternate pressed state) using CSS. Dynamic buttons save you heaps of time otherwise spent creating graphics and will basically make you a happier person at the end of the day.

We will include both states in a single image. To switch between normal and pressed state, we'll simply shift the background image vertically, revealing the alternate button state. This CSS based approach allows us to perform the switch…

Bookmark It

File inputs () are the bane of beautiful form design. No rendering engine provides the granular control over their presentation designers desire. This simple, three-part progressive enhancement provides the markup, CSS, and JavaScript to address the long-standing irritation.

It just occurred to me that this approach (sans JavaScript) would also work for styling <input type=”submit”> if you’re adverse to <input type=”image”> (I personally…

Bookmark It

Skoda looks to attract young buyers with stylish Czech Limo…

State of the art multimedia & surround sound system…

Bookmark It