Following on from the work I did for Preloaded (developing the new information architecture for a campaign micro-site for the Arts Council), I was asked if I could assist with the front end website development.

I was involved in developing the front end XHTML templates in conjunction with the technical and project management teams.

Deliverables

• XHTML
• CSS
• JavaScript
• Cross-browser screen shots of major browsers (IE 7, 6, Opera, Firefox 2 & 3, Safari 2& 3)

Tools used

• Panic Coda
• Adobe PhotoShop

URL: http://www.anightlessordinary.org.uk/

McKinlay Kidd have been a client of mine since 2003. Over the past 5 years I have been responsible for designing, developing and maintaining their website.

McKinlay Kidd asked me to updated the look and feel of the website and add new functionality to improve the brand representation and user experience. During this latest phase of development I have worked very closely with McKinlay Kidd to realise their aims and objectives and integrate them into the existing website framework. The result is a much-improved user experience and a slick looking, functional website.

Deliverables

• PhotoShop templates for interface design
• PHP templates
• XHTML
• CSS
• JavaScript
• URL-rewriting utilising Apache mod_rewrite

Tools used

• Panic Coda
• Adobe PhotoShop
• Adobe Fireworks

I was asked to assist Duke | A Razorfish Company with the development of a website for Nissan UK. 100% Urban Guide is a user-driven website that provides reviews, news and photos of the coolest events happening across seven cities around the UK.

I was responsible for re-skinning and customising the default WordPress templates, providing a consistent and interactive, blog-driven website.

Deliverables

• WordPress PHP templates
• JavaScript
• CSS

Tools used

• Adobe Dreamweaver
• Adobe Illustrator
• Adobe PhotoShop

As part of the Nissan UK website, Duke | A Razorfish Company asked me to develop a Google maps-driven interface to allow users to search for different outdoor activities around the UK. Users select a category and the relevant location markers and information are displayed on the map.

I was responsible for developing the front-end template for the interface.

Deliverables

• XHTML
• XML
• JavaScript
• CSS

Tools used

• Adobe Dreamweaver
• Adobe Illustrator
• Adobe PhotoShop

I was approached by my colleague and Graphic designer, Sam Gilbey, to assist him with the development of a campaign microsite for Sightsavers International.

Sam developed the graphic identity for the microsite and it was my responsibility to convert that to clean, semantic XHTML and CSS.

Deliverables

• XHTML
• CSS

Tools used

• Adobe PhotoShop
• Adobe Dreamweaver

36 Degrees are an Investment Management business based in Gibraltar. I was approached to develop a website for them to establish the company’s web presence and enable them to be able to publish company, market and fund informaiton online.

The website is powered by WordPress (the OpenSource content management system) with the front-end templating system heavily customised to provide a sleek user interface.

Technologies & features

• Dynamically-driven XHTML page templates
• Accessible CSS-driven presentation layer
• jQuery-powered behaviour layer
• Customisable data-driven navigation
• News and latest informaton published and available via RSS feed(s)

Deliverables

• Information architecture: Sitemap and wireframes
• Graphic/interface design
• CSS-driven templates
• Cross-browser screen shots of major browsers (IE 8, 7, 6, Opera, Firefox, Safari)

Jamie Stephen Represents is a London-based photographic and production agency, representing a diverse range photographers, directors, and directors of photography.

The company had already embarked on developing their website with another supplier, but for one reason or another the website hadn’t been completed. I was contacted to perform what essentially was a salvage operation to get the site into shape and online asap. I tweaked the visual design, tightening up elements such as typography, layout and colour pallet. I also drastically simplified the front-end code structure and ensured it was more accessible and easily updatable in the future.

The site has recently gone live and I am in discussions with regards to the next phase of development.

URL: http://www.jamiestephen.com/

Today the web has gone beyond the browser and now content is syndicated through XML-based technologies, re-purposed for desktop and mobile applications and AJAX and web service-driven functionalities are commonplace.

With the emergence of the social web (or for want of a better phrase, Web 2.0), individuals are able, more than ever to connect with each other to form communities sharing common interests, regardless of location, class or race. The control over the dissemination of information has been put in the hands of the people and now anyone can publish anything (text, photos, video) and reach a global audience within seconds.

As the complexity of web applications increases, writing well-structured code is more important than ever. This is as much an art as it is a science. Since the beginning (for me at least, back in 1999) I have followed the standards-based approach to front end web development through the layered production of XHTML, CSS and JavaScript. This is bound up in the framework of accessibility and scalability to ensure your website or application is accessible and extensible now, and in the future.

Along with these front end technologies I use PHP and MySQL to power the back end to create dynamically-driven websites and applications.

Get in contact

If you would like you know more about web development then please get in contact.

So after a few week’s of blood, sweat and tears I have finally got the 8th incarnation of my website: www.hungrybrowser.co.uk live. This time around it wasn’t so much a case of going for a new look and feel but more an exercise in content consolidation. Before I redeveloped this site I had a site for photos, one for work and one for blogging. I’ve managed to now get everything in one place, choosing WordPress as my publishing platform (although I had to do a lot of hacking the templates to get them to where I wanted).

As a side point I thought it might be interesting to have a look at some of the old versions of HB, so I’ve dusted down the source code and taken a few screen shots of the site as it has evolved over the past 7 years from 2001 to the present day.

The third installment in my DVD producing career was this 25 minute ski and snow boarding DVD that was shot in Whistler, Canada in January 2008. There is an accompanying website with a YouTube version of the DVD.