Skills & Work

A breakdown of my skills and the work I've done

HTML & CSS

Circle of HTML codeHTML or HyperText Markup Language is the main markup language for creating web pages and other information that can be displayed in a web browser. HTML defines the structure and layout of a Web document by using a variety of tags and attributes. Cascading Style Sheets or CSS is the language for describing the presentation of web pages, including colors, layout, and fonts.

Starting with the bad old days of table layouts, then getting excited by the elegant simplicity of CSS and then being giddy with joy at the infinite posibilities of HTML5 and canvas, I've seen and built it all. I take real pride in clean, simple, semantic and responsive markup and have made countless sites and emails for every kind of client. Be it an HTML 5 banner, a fully responsive e-commerce site or simple email I've made near enough everything at somepoint or another.

HTML 5 and CSS 3 have opened up a brave new world allowing for the creation of (nearly) anything we want and the proliferation of smart phones with mega high resolution displays and great support for these new technologies has dragged everything forward.

But what have you made for who?

Back to top

JavaScript

Circle of JavaScript codeA scripting language developed to enable the creation of interactive sites. It can be used as an event trigger, for example, performing a certain action on a mouse click. It can also insert dynamic content into HTML pages and validate input data.

It's not just for form validation anymore. JavaScript is great for giving that extra bang for the buck. If you want something to fade in or move or new content to appear or load then it's JavaScript you need. It really is the third leg of the web tripod.

Whether it's using just bog standard JavaScript or a framework like React I'm very comfortable in making a site interact in any which way you want. I bring the same demand for simplicity and elegance to my scripting that I do to my markup. If it's coded well, it'll work well and if it work's well then it'll be better for the user and that's the whole point.

But what have you coded for who?

Back to top

Design

Circle of Adobe Photoshop interfaceWeb and graphic design both use various methods to create a visual representation of ideas and messages. Encompassing many different skills and disciplines including interface design, user experience design typography and page layout to produce a final result.

From a digital perspecitve the games has changed quite dramatically here over the last few years and can be easily summed up in two word: mobile first. Designing for the web isn't just a matter of putting a logo above a navigation bar and then organising ever smaller boxes below it.

The numerous ways that a web site might be seen and the different way you might interact with it, eg. touch screen or mouse, has let us think about how we design site in a whole new way. The global nature of things has meant we have so much more cultural symbolism to consider too. These are, in my opinion, all very, VERY good things and add to the fun. Who likes things simple eh?

I've done a good amount of designing for the not internet too; kid's super hero pyjamas, board game rule books, posters for a rock venue, an internationally syndicated monthly magazine, a full branding suite for an independent florist. In the end it's all shapes, text and space.

And remember friends don't let friends design websites in InDesign.

But what have you designed for who?

Back to top