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.
HTML5 is growing up faster than anyone could have imagined. Powerful and professional solutions are already being developed…even in the gaming world! Today, you’ll make your first game using Box2D and HTML5′s canvas tag.
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 =>
You’ve probably seen it on Twitter, Google+, or Facebook. You’ve got a text box, where you write your status/message and then click a button to submit it. But, if you’re lazy like me, you don’t like to switch to the mouse to click the button. These services help us out by allowing us to press control + enter to submit. Let’s recreate this scenario for our own projects. Of course, the reason we can’t submit on just enter is because...
Ever wanted an all purpose, easy to use method of resizing your images in PHP? Well that’s what PHP classes are for – reusable pieces of functionality that we call to do the dirty work behind the scenes. We’re going to learn how to create our own class that will be well constructed, as well as expandable. Resizing should be easy. How easy? How about three steps!
Web applications need to provide easy-to-use solutions for uploading and manipulating rich content. This process can create difficulties for some users who have minimal photo editing skills. Cropping is one of the most used photo manipulation techniques, and this step-by-step tutorial will cover the entire development process of an image cropping plug-in for the jQuery JavaScript library.
