HTML5 Forms Support Detection with JavaScript

In this tutorial, we’ll continue developing our HTML5 form.  In the last tutorial, we styled the form with some of the new CSS3 properties; this time we’re going to detect support for the new HTML5 input types. We need to detect whether the browser supports the new HTML5…

Form Styling with CSS3

Today we’re going to continue developing our HTML5 contact form, using CSS. Extract the inline CSS from the head of the form and paste it into a new document.  Name this new stylesheet style.css and make a reference to it in the head of the form HTML.  At…

CSS3 Alpha Transparent Gradients

In CSS3 you can create a gradient background with multiple color stops.  But did you know that you could throw alpha transparency into the mix? This is an example of the CSS used to create a blue-green linear gradient: .gradient { background: #4C95AF; /* for IE */ background: -moz-linear-gradient( /* for firefox */ center bottom,…

HTML5 Form Tutorial

In part one of this four five part tutorial, we’re going to create a contact form using the new HTML5 input attributes.  It must be stated outright that as browser support is still lacking for these attributes, this tutorial is for illustrative purposes only – I wouldn’t recommend using…

HTML5 Doctype: Make the Switch!

There is a great deal of confusion surrounding the implementation of HTML5 amongst some developers.  Some believe that we shouldn’t be using HTML5 because it’s not ‘ready’, and that using the HTML5 doctype is dangerous because older browsers don’t support HTML5. Lets be clear: you can switch…