It’s an engaging concept, now live on the web. To see more, go to www.theartofservice.co.uk.

In short, CCK module was invoked to assemble a number of custom forms,  the results of which sorted in Views, and final brought to the user’s screen via Panels.

The SEO mix featured Nodewords, XML Sitemap, Page Title, and Google Analytics. As expected, ImageCache was used heavily to handle images.

The site is a bid from Yell! to match up local businesses with local customers. Have a look over at yelltour.co.uk.

I provided an interface for CMS functions, customised a slideshow for the home page, all the while making sure it was fully integrated with WordPress Mu.

As an aside, content from Ed’s old Blogger account was transported via the handy WordPress ‘import’ function. Although imported in an untidy spaghetti like inline code fashion, it certainly relived the burden of having to paste each and every blog post. All in all, it’s a great function for a prolific Blogger based blogger looking to upgrade to a self hosted WordPress outfit.

For the actual programming of the blog, customised template pages were utilised for the ‘about’ , ‘newest’, and ‘archive’ pages. The ‘about’ page saw the use of custom fields to extend WordPress’s CMS capabilities to allow Ed to post both images and descriptions of his favourite books. The ‘newest’ page leveraged a custom page template so as to order and limit the latest posts by date, while similarly, the ‘archive’ displays category headings and related posts by date.

In addition to customised Facebook and Twitter plugins, a user subscription and Google sitemap plugin rounded out the build.

In order for the website owner to manage his own content, WordPress was used as a CMS (content management system). Each page is editable, while images can be uploaded to a specific category, which will then appear on the website automatically re-sized. The quotations and contact pages feature forms that check for incorrect email addresses and make sure compulsory fields are satified. Here’s a screenshot of the site:

To see it in action, go to here.

To see it in action, visit: www.montrose-partnership.com

Carried out for a West London based design agency, this job entailed taking a psd design and bringing it to life via XHTML/CSS and the wonderful jQuery JavaScript library. The vertical menu is set to stay in place while the content area to the right changes to reflect whatever the user chooses to click on.

jQuery’s chaining ability is put to thorough use as each menu link sets off a series of events; the menu itself – inc. child elements – expands and contracts, and the content area is repopulated. The following picture illustrates what happens when a specific wedding ring is clicked. The content area changes to a large ring with a column of thumbnail rings situated to the side. The thumbs can be navigated with arrows and clicked to expand and fill up the content area. Again, this is all performed using jQuery.

CSS sprites were implemented for the menu’s hover states, however, the selected ‘active’ state is actioned using jQuery. Here’s one of the sprites:

All in all, an interesting exercise in the uses of CSS and jQuery, which indeed makes for clean uncomplicated code.

With the Photoshop designs in hand, I set about cutting and marking them up with XHTML and CSS. With the basic interface complete, work was started on the server side. This involved coding a number of scripts in PHP to search for and display properties, all accessed through a MySQL database.

Once a property’s selected from the results list, the user’s taken to an individual proprty page, as above. In order to upload properties to the website, an admin section was built behind a password protected log in.

The code and database design for this project are bespoke, as a content management system for the entire site wasn’t needed. Had it been, and had a property blog been stressed, the project would have been WordPress based. To sum up, I coded the entire site, but did not carry out the design work.