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.
- 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
- 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.
- 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.
- 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.
- 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.
- 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
- 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.
- 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.
- 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!
- 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!
- 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.