HTML5 introduces you the very latest technics of building forms. Now you no need to stuck with complicated validations and may lengthy fileds to create a form, because HTML5 gives you many new tools to make your form very simple and fetured.

HTML5 introduces many new input types like:

  • Email : <input type="email">
  • Web URL : <input type="url">
  • Number : <input type="number" min="0" max="10" step="2" value="6">
  • Range Slider : <input type="range" min="0" max="10" step="2" value="6">
  • Date Picker : <input type="date">
    <input type="month">
    <input type="week">
    <input type="time">
    <input type="datetime">
    <input type="datetime-local">

  • Search : <input type="search">
  • Color Picker : <input type="color">
  • Form Validations
  • Required Fileds : <input type="email" required>

Take a look at this example…

Demo | Download | View Tutorial

Resource : net.tutsplus.com

How to Create Cross-Browser HTML5 Forms

Here on advance floating menu with jQuery. This floating menu has some advance features like

  • This can be setup that from where the menu has to started floating up. Actually this floats under it’s parent element.
  • This can also be setup that what should be the last limit of this floating menu.
  • More than one floating menu can be used at different places and postions

I hope you like this menu so much. This is pretty cool…

Demo | Download | View Tutorial

Resource : net.tutsplus.com

Spotlight: Constrained Stickies with jQuery

Hi Designers,

Greetings! Here is the most intensive need of the designers – ICONS IN MONO COLORs.
Every designer want to make there website or any stuff he/she is designing to be the best, and for this icons are the really very important factor of the good looking designs.

Now you can have your own collection of minimal icons in mono colors. Here I am giving you the link of some really very cool icos sets. Click below links to direct download the icons.
Happy Designing…..

Resource : deviantart, enlivenlabs, glyphish

Free Minimal Icon Sets collection in mono colors

It was very lengthy to retrieve data from any XML file to your HTML or XHTML always, but now it became so easy for you. Using jQuery, you can retrieve data from any XML file for your web page. This is quite easy now.

In this tutorial, you will learn that how to load data from an XML file onto a blank page. This works with the $.get function and will also implement a loading gif while the information is being retrieved. Must try this once…

Demo | Download | View Tutorial

Resource : net.tutsplus.com

Retrieve Data From an XML File Using jQuery

Looking for a flash gallery with XML control?

Your search ends here… Here is a very nice and beautiful flash gallery with XML control having very nice and smooth effects. This gallery is having other controls like Pause, Play, Next, Previous, Next Page, Previous Page, Autoplay options.

This gallery is absolutely free and having no watermark anywhere. Enjoy this gallery…

Demo | Download | Details

Resource : instantshift.com

Free Flash XML Gallery

Here is a tutorial for designers who are going to design a portfolio with many categories and want to filter their gallery by the category. Yes, absolutely right! You can now create gallery with filtering by their categories and the best part of it, this doesn’t use any PHP, ASP of dotnet type language.

This just use jQuery and you will be able to create your Filterable Portfolio gallery. So designers, go and good luck..

Demo | Download | View Tutorial

Resource : net.tutsplus.com

Creating a Filterable Portfolio with jQuery

We are always confused about cookies of the website. We are never sure that what is cookies, how it been generated, how it works and all.

But now, I found somewhere all about the internet cookies. here you can find out :

Read all about cookies

All about cookies : Create, Read and Erase