These are some of the recent web design articles I have written; each item lists the site it was published on and a brief description.

New methods in jQuery 1.6

Title:
New methods in jQuery 1.6
Posted:
Oct 24, 2011
For:
Developer Drive
Type:
Round-up article
Access:
Full, free

Summary:

In my first tutorial for Developer Drive, we go through all of the new methods, and some of the new enhancements in jQuery 1.6

READ IT

Into the Ring with knockout.js

Title:
Into the Ring with knockout.js
Posted:
Sep 26, 2011
For:
Nettuts
Type:
Written tutorial
Access:
Full, free

Summary:

This three part tutorial looks at knockout.js, an MVVM system that lets you create interactive UIs with ease. With this microlibrary you can define data that is monitored for changes, and when those changes occur, the visible elements on the page are updated. Similarly, when the state of the visible elements on the page change, the data model is updated too, making it easy to keep your data and interface in sync with each other.

READ IT

Getting Started with Umbraco

Title:
Getting Started with Umbraco
Posted:
April 29, 2011
For:
Nettuts
Type:
Written tutorial
Access:
Premium, requires membership

Summary:

This five part tutorial gives a complete introduction to the popular and awesome .net open-source CMS system. This complete guide covers installing the CMS, setting up document types and templates, creating XSLT macros to generated dynamic site elements such as navigation lists or pickable content-boxes, and finishes off with a hero panel driven by jQuery.

READ IT

Fun with jQuery Templating and AJAX

Title:
Fun with jQuery Templating and AJAX
Posted:
Feb 24, 2011
For:
Nettuts
Type:
Written tutorial
Access:
Full, free

Summary:

In this tutorial we look at jQuery’s awesome new templating tool tmpl. We build a tweet viewer that displays recent tweets, recent friends and recent follows in an attractive tab-based interface. Working with JSON and the tmpl plugin are covered in detail.

READ IT

Build an Image Editor with Canvas

Title:
Build an Image Editor with Canvas
Posted:
Feb 6, 2011
For:
Nettuts
Type:
Written tutorial
Access:
Premium, requires membership

Summary:

In this tutorial we look at how to create a browser-based image manipulation tool using jQuery UI and the canvas element. Premium membership to Nettuts+ is required, but for $9 a month, you get access this and tons of other full-on step-by-step tutorials with accompanying videos.

READ IT

Image sorter Tutorial with jQuery UI and .Net

Title:
A jQuery UI and .Net Image Organizer
Posted:
April 23, 2010
For:
Nettuts
Type:
Written tutorial
Access:
Full, free

Summary:

This is a step-by-step tutorial that shows how to create an image organiser using jQuery UI and .Net. It covers everything from storing and retrieving the images and their order in an MSSQL database, creating the aspx and aspx.cs code files, configuring drag-and-drop with jQuery UI and creating a web service

READ IT

Title:
Using the jQuery UI Autocomplete
Posted:
March 29, 2010
For:
Nettuts
Type:
Written tutorial
Access:
Full, free

Summary:

This tutorial looks at the brand new jQuery UI Autocomplete component, and shows how it can be combined with PHP to replicate the format of recipient names in Facebook’s messaging system.

This is an intermediate-to-advanced tutorial which should take around an hour and a half to complete.

READ IT

Title:
A Bullet-proof Content Viewer
Posted:
January 5, 2010
For:
Nettuts
Type:
Written tutorial
Access:
Full, free

Summary:

See how to create a dynamic image viewer with jQuery, which even works with JavaScript disabled.

This is an intermediate-level tutorial which should take around an hour to complete.

READ IT

7AMP

Title:
7AMP
Posted:
November 10, 2009
For:
Nettuts
Type:
Written tutorial
Access:
Full, free

Summary:

This in-depth article shows you exactly what steps need to be followed in order to get Apache, MySQL and PHP all running together on your shiny new Windows 7 machine.

The tutorial is aimed at beginners and is easy to follow with many screenshots. Happy developing!

READ IT

Drag to Share

Title:
Drag to Share
Posted:
October 19, 2009
For:
Nettuts
Type:
Written tutorial
Access:
Full, free

Summary:

This tutorial shows you how to replicate the ‘drag to share’ behaviour found on the Mashable blog and looks at some cool CSS3 solutions along the way.

Difficulty level is medium and the underlying JS library in use is jQuery. Enjoy!

READ IT

Beautifying Forms with jQuery

Title:
Beautifying Forms with jQuery
Posted:
November 25, 2009
For:
DMX Zone
Type:
Written tutorial
Access:
Subscription/fee based

Summary:

In part 5 of a 7 part series I discuss how to replace the checkbox and radio button form elements with attractive and functional replacements that are easily styled.

Medium difficulty, content of previous parts of the tutorial recommended.

READ IT