Following on from my tinkering with Dashcode at the weekend I thought I would try my hand at developing a simple widget for OS X dashboard. The widget simply takes the most recent posts from my website and feeds an excerpt in via RSS. Users can adjust the length of each article. Clicking on a headline takes the user to the respective article on my website.

Download the widget (you will need to be running a Mac with OS X 10.4.3 or higher).

I was tinkering around with the Apple iPhone SDK this morning and after a few hours of fiddling I decided to use Dashcode to create a little iPhone Web App. The app simply delivers the most recent 10 posts from this website and formats them into a list. Clicking on an item previews the post. Subsequently clicking on the “read more” button sends the user to the respective post (in full) on www.hungrybrowser.co.uk.

It isn’t going to set the world alight, but it is a start. If you have an iphone and want to follow the content on this site (and don’t want to keep on loading the full site), then simply click on the icon below to go to the iphone Web App version at: www.hungrybrowser.co.uk/benellis/iphone/

Enjoy!

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/

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.