RSS
Follow Me on Twitter
Become a fan on Facebook
Subscribe to feeds

15 Essential Tutorials to Spice Up your Web Forms

Tue, Mar 23, 2010

Home, Tutorials

JQuery and CSS Tutorials for Web Forms

Web forms are a mean of interaction between the users and your website. Therefore, a neat, clean and a user friendly interface is a key point in designing web forms. The advent of JavaScript and CSS Techniques have provided unlimited options for interactive components in a website. JQuery is a popular, high performance and a compact JavaScript library/framework which dynamically provides you with a set of useful and highly optimized functions and methods. Below is a collection of some of the best JQuery and CSS tutorials which would help to enhance your HTML forms functionality.

CSS Form Tutorial: How To Improve Web Order Form Design

Improving Web Order Form Design

Create a Good Looking Form Without Tables

Good Looking Form Without Tables

Enhance your Input Fields with Simple CSS Tricks

Enhancing Input Fields With CSS Tricks

Semantic Horizontal Forms

Semantic Horizontal Forms

Form Field Hints With CSS and JavaScript

Form Field Hints

Build a Top Panel With JQuery

Sliding Panel with Jquery

A Fancy Ajax Contact Form

Fancy Contact Form

Improved Current Field Highlighting in Forms

Current Field Highlighting

Creating a Digg Style Sign Up Form

Digg Style Sign Up Form

Auto Completer Tutorial – JQuery/PHP/MySQL

Nodstrum Auto Completer

JQuery Inline Form Validation, Because Validation is a Mess

JQuery Inline Form Validation

Perfect Sign-in Drop Box like Twitter Using JQuery

Twitter Style Login

Changing Form Input Styles on Focus with JQuery

Change Form Input Styles on Focus

Creating a Facebook-Like Registration Form With JQuery

Creating a Facebook Like Registration Form

Create a Progress Bar With JavaScript

JQuery UI Progress Bar

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.

, , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,

This post was written by:

- who has written 49 posts on Creative Repository.

Abdus Salam is a freelance Graphic, Logo & Web designer, currently graduating in Telecom Engineering. He is passionate about every kind of creative stuff. You can follow him on Twitter or find him on Facebook.

Contact the author

3 Comments For This Post

  1. Alex Flueras Says:

    Excellent article. Thanks for sharing. I would also recommend NiceForms, a jQuery plugin that helps you easily customize your forms: http://www.lexcat.ro/nicejforms/

  2. Rimaz Rauf Says:

    Assalamualikum….

    Your website is fantastic and very useful…

    as a web developer & a software eng.. i get more informations from your site

    Rimaz

  3. www.waahuu.com Says:

    This article is truly a fastidious one it helps new the web people, who are wishing in favor
    of blogging.

6 Trackbacks For This Post

  1. uberVU - social comments Says:

    Social comments and analytics for this post…

    This post was mentioned on Twitter by abdussalam123: 15 Essential Tutorials to Spice Up your Web Forms http://bit.ly/cCIiMh

  2. Tweets that mention 15 Essential Tutorials to Spice Up your Web Forms | Creative Repository -- Topsy.com Says:

    [...] This post was mentioned on Twitter by Carles Alemany, Carles Alemany, We Usability, We Usability, We Usability and others. We Usability said: RT @We_Usability RT @We_Usability RT @eduvisionnl Hoe verbeter ik mijn webformulieren? http://bit.ly/bcONVn #webdesign #usability #marketing [...]

  3. 15 Essential Tutorials to Spice Up your Web Forms | TopRoundups Says:

    [...] 15 Essential Tutorials to Spice Up your Web Forms Submitted by Abdussalam [...]

  4. 15 Essential Tutorials to Spice Up your Web Forms | Creative Repository « ♥ p i x e l 8 d e s i g n ♥ Says:

    [...] 15 Essential Tutorials to Spice Up your Web Forms | Creative Repository.   Leave a Comment [...]

  5. 15 Essential Tutorials to Spice Up your Web Forms | Creative Repository » Web Design Says:

    [...] 15 Essential Tutorials to Spice Up your Web Forms | Creative Repository [...]

  6. how to be a slut Says:

    work at home. among the excellent things…

    about internet marketing are the possibilities it has made available to earn money with various work at home opportunities. other online business owners will pay individuals to do things for them which includes many forms of writing. in this article le…

Leave a Reply