My Work

Hey! Look what I've made! Finally, after Lord knows how long, I have patched together some form of portfolio page. The emphasis is intended to let the project speak for itself, but if you would like to know more about anything below please don't hesitate to get in touch.

Details

CSS Wizardry Links, or simply “Links”, is a page of links to various friends and resources from around the web.

Links is made from validate and semantic Strict xHTML (eXtensible HyperText Markup Language) and uses various elements from Typogridphy to create a strong grid and typographical layout. #

Typogridphy

Screenshot of Typogridphy — A Typographical and Grid Layout CSS Framework From Harry Roberts of CSS Wizardry

Details

Typogridphy is a CSS (Cascading Style Sheet) framework constructed to allow web designers and front-end developers to quickly code typographically pleasing grid layouts.

Crafted from validate and semantic Strict xHTML (eXtensible HyperText Markup Language), Typogridphy has proved pretty popular, surpassing 5,000 downloads I soon lost count after that. #

Whitley Journalism

Screenshot of Whitley Journalism Rewriting the Web ™- Freelance Copywriting and Journalism Services in Yorkshire - Lexical Consulting, Copywriting, Journalism

Details

Whitley Journalism is one of the best projects I've done so far in terms of all round quality</modesty>.

The site is fully validate across both markup and CSS (Cascading Style Sheet), and also conforms to pretty much all accessibility guidelines out there. These traits earned the site the title of ‘Editor's Pick’ on W3C Sites, a website showcasing the best in standards compliant web development.

I also completed an identity design project for Whitley Journalism. #

PACC Tuning

Screenshot of PACC Tuning — Tuning Kits for Speedway, Motocross, Enduro, Supermoto

Details

I provided the semantic and validate code only for a holding page for PACC Tuning. #

Outdoor & Play

Screenshot of Outdoor and Play Case Studies

Details

Outdoor & Play wanted to publish their Case Studies online, but as there wasn't a lot to work with (i.e. just plain text) they wanted someone who could transform passage of text into a well presented document.

I used my new found love and knowledge of typography to give them something great. I was also responsible for copywriting. They were very pleased. #

GSA Consultants

Screenshot of GSA Consultants

Details

GSA Consultants were after a well designed and good looking corporate, standards compliant wesite. That's what they got.

Built using fully validate markup and CSS (Cascading Style Sheet) the GSA site is fully accessible.

I also completed an identity design project for GSA Consultants. #

PR Consulting

Screenshot of PR Consulting — Standards Compliant Web Development

Details

PR Consulting is a joint portfolio between myself and a friend. We offer solutions for both web, print and identity.

A largely experimental project, not as much time as desired could be offered to the venture. #

Captain Bratwurst

Screenshot of Captain Bratwurst // Stuff and Things - A Cult Waiting To Happen

Details

Captain Bratwurst is a ‘Male and College Humour’ website for local student and funny-man Luke Donlan.

Once again, built using fully validate markup and CSS (Cascading Style Sheet), but this may not now the case due to the CMS (Content Management System). #

PR Design Labs

Screenshot of PR Design Labs - PR Design's Public Laboratory

Details

PR Design Labs is a public laboratory intended to showcase free scripts and snippets for other developers to steal use.

Naturally Labs is built using fully validate markup and CSS (Cascading Style Sheet).

I also completed an identity design project for Labs. #

Exposure Self

Screenshot of Exposure Self — Portfolio of Ben Coletta

Details

Built entirely round client visuals, Exposure Self is the fully validate and accessible online home of Ben Coletta — London based photographer.

A redesign is underway. #

Details

GSA Consultants wanted a corporate identity which represented their work in the environmental sector. #

Details

A fresh, experimental identity for the public laboratory PR Design Labs. #

Details

Whitley Journalism required a simple yet corporate logo for their company. This is what I came up with and the client was delighted. #

.net Magazine

Me in .net Magazine

Details

I got a feature in .net Magazine (Issue 172, Feb '08) for the aforementioned Labs site.

The feature was in the “Readers’ Sites” section including an awful picture of yours truly, and a 100 word write up. #

Wait, there’s more!

I have also completed several other validate/semantic/standards compliant/fantastic front-end development projects through Keyclicks.

...and more!

And now that I'm working for Yorkshire's Leading Design Agency, I'm doing even more cool stuff!

In Brief

Hi there, my name is Harry Roberts, and you're currently viewing my personal blog and portfolio CSS Wizardry.

I am a front-end developer and web standards advocate based in Yorkshire (UK). As a front-end developer I concern myself with the accessibility, usability and aesthetics of websites, and make sure that they conform to standards enforced and advised the the W3C (http://w3.org).