Month: September 2012

html5 datetime

HTML5 Input Type datetime

HTML5 Input Type datetime is just like Input Type Date except it will allow visitor to select a date and time (with time zone). You can call this datetime picker using input type=”datetime” on your input field.This will certainly reduce your development time so need nasty Javascript code.

HTML5 Input Type Email

A typical email address structure is As you can never trust your website user so you have to check the email id when user submit the form. To solve this, HTML5 came with a news input type email. The syntax is as basic as a text input you just have to use type=”email”. Some …

HTML5 Input Type Email Read More »

html5 input date

HTML5 Input Type Date

HTML5 Input Type Date will allows the user to select a date. Previously this is done by Javascript date picker. To make you life easier you can now call this date picker by simply using this type=”date” on your input field. May be looks like this way : [php]<input type="date" name="birthday" />[/php] Currently the latest …

HTML5 Input Type Date Read More »

color Input Type

HTML5 Input Type Color

You can get color input box in html5 with this attribute type=”color”. With this new html5 Input Type Color, you no longer need a complex Javascript color picker. Not all major browsers support all the new input types. Only latest version of Chrome and Opera support this. If the browser are not supported, they will …

HTML5 Input Type Color Read More »

What is jQuery Mobile

jQuery Mobile is a HTML5 based user interface system for all popular mobile device platforms.It built on the rock-solid jQuery and jQuery UI foundation. jQuery mobile framework takes the “write less, do more” mantra to the next level: Instead of writing unique apps for each mobile device or OS, the jQuery mobile framework allows you …

What is jQuery Mobile Read More »

HTML5 Autocomplete Attribute

When HTML5 autocomplete is on, the browser will automatically complete values that the user has entered before. This HTML5 autocomplete attribute works with the following input types: text, search, url, tel, email, password, datepickers, range, and color. Also you can turn off this autocomplete attribute by using this attribute autocomplete=”off” [php] <form action="/" autocomplete="on"> First …

HTML5 Autocomplete Attribute Read More »

Add visitor browser name in the body class function

You can easily detect browser using this function and add visitor browser name in the body class function . Put this on your theme functions.php [php] add_filter(‘body_class’,’myfunction_browser_body_class’); function myfunction_browser_body_class($classes) { global $is_lynx, $is_gecko, $is_IE, $is_opera, $is_NS4, $is_safari, $is_chrome, $is_iphone; if($is_lynx) $classes[] = ‘lynx’; elseif($is_gecko) $classes[] = ‘gecko’; elseif($is_opera) $classes[] = ‘opera’; elseif($is_NS4) $classes[] = ‘ns4’; …

Add visitor browser name in the body class function Read More »