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.

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 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 library like jQuery I'm very comfortable in making a site interact in any which way you want and 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.

Back to top

Web Design

Circle of Adobe Photoshop interfaceWeb design encompasses many different skills and disciplines including web graphic design, interface design, user experience design and search engine optimization.

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?

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

Back to top

Graphic Design

Circle of Adobe Photoshop interfaceGraphic design uses various methods to create a visual representation of ideas and messages. It uses a combination of typography, visual arts and page layout techniques to produce a final result.

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 a florist. In the end it's all shapes, text and space.

As much as I love dealing with the internet there's something amazingly satisfying about holding a finished real world product in your hands and not having too worry about cross browser testing is always a pleasure.

Back to top

Flash

Circle of ActionScript codeAdobe Flash is a multimedia system that can be used in the creation of rich internet applications, often combining graphics, animation, video and sound.

HTML 5's drunk uncle. While not as prevalent as it was (and for good reason), sometimes Flash does the trick. It's a varied beast and I've used it for lots of different content from Actionscript based interactive maps to a timeline animated ATM advert. It's all the same in the end.

Whether it's banner adverts or one of those horribly annoying splash screens, I can use Flash to rock your internet like it's 2003!

Back to top