In this tutorial, we are going to learn how to create a swanky HTML5 AJAX powered contact form. The form will use some of the new HTML5 input elements and attributes, and will be validated using the browser’s built-in form validation.We will use jQuery and Modernizr to help out with the older browsers, and PHP on the server side to validate the input.
HTML 5
Flash website
HTML5 techniques you Must Know
1. New DOCTYPE <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <!DOCTYPE html> 2. Email Inputs <!DOCTYPE html> <html lang="en"> <head>    <meta charset="utf-8">    <title>untitled</title> </head> <body>    <form action="" method="get">       <label for="email">Email:</label>       <input id="email" name="email" type="email" />       <button type="submit"> Submit Form </button>    </form> </body> </html> 3. Placeholders <input name="email" type="email" placeholder="name@domain.tld" /> google_ad_client = "ca-pub-5735567299003148"; google_ad_slot = "0336277860"; google_ad_width = 300; google_ad_height = 250; View more & more =>
30 cheat sheets for web designers and developers
A cheat sheet is a printable guide of a particular programming language, software or framework. A web designer spends most of his design time to move around different softwares environment and it becomes really hard to memorize the shortcuts and hot keys for each environment. Hence, cheat sheets provide great help for them. In this article, we present 30 essential cheat sheets for the most popular web based technologies.











