My latest blog entries.

Horizontal Accordion jQuery plugin

liteAccordion

***Version 2 released***

I started work on a horizontal accordion plugin last week, I think it’s ready for it’s first release.

Continue Reading →

jQuery Form Validation

validation

In this tutorial, we’ll continue developing the HTML5 form that we’ve been working on.  We’re going to import jQuery and the jQuery Validate plugin into our page, so that we can validate any data entered into the form.  In the next part, we’ll work on propping up any HTML5 UI improvements that aren’t supported by the user’s browser using jQuery plugins.

Continue Reading →

Lightweight jQuery tab plugin

liteTabs

liteTabs is a lightweight jQuery tab plugin.

liteTabs Demo
Get the liteTabs plugin source on Github

Continue Reading →

Images and CSS3 Gradients

css3-gradient-masks

Webkit has a range of css3 properties for working with alpha transparent masks (see webkit.org). Firefox doesn’t support these yet, but if you want to implement a basic linear or radial (non-alpha) gradient mask, you can fake it by blending a gradient with the background colour of your page.

Continue Reading →

HTML5 Forms Support Detection with JavaScript

detection

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.

Continue Reading →

Form Styling with CSS3

form-styling-css3

Today we’re going to continue developing our HTML5 contact form, using CSS.

Continue Reading →

CSS3 Alpha Transparent Gradients

css3-alpha-transparent

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:

Continue Reading →

HTML5 Form Tutorial

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 the new input types in a production environment yet.  That being said, it’s interesting to know what’s in store for us just around the corner.  Let’s get started.

Continue Reading →

HTML5 Doctype: Make the Switch!

html5-doctype

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.

Continue Reading →