Arrange a Masterclass

Updated CV

Written by on CSS Wizardry.

N.B. All code can now be licensed under the permissive MIT license. Read more about licensing CSS Wizardry code samples

Table of Contents

Last week I got round to updating my CV, adding on my new job at Sky. I decided to take the opportunity to do something a little different with it this time round.

Being a web developer, with a strong focus on CSS, I chose to make the CV relevant by writing it as (obviously made-up/invalid) CSS.

Initially I actually just wrote everything out in one giant <pre> with <span>s just for colouring in, a little like this:

<code><pre>
/*------------------------------------*\
    PERSONAL
\*------------------------------------*/
#me{
    name:"Harry Roberts", Harry;
    age:21years;
}
...
...
</pre></code>

So far in I thought that that seemed a little too easy/lazy, and it also came with the massive issue of not being semantic, meaningful or just plain proper markup. A CV is a series of headings and lists, not a single block of preformatted text.

I got to work rewriting, refactoring and tidying and marked it all up properly, and moved any braces, comments and quotes etc out of the HTML and into the CSS making massive use of the content:; property.

The resulting document is a semantically sound, properly marked up CV that is transformed into a CSSesque appearance using, well, CSS.

CSS is so humbly powerful…

So, what does anyone think? Good idea? Too novelty? Seen any other cool developer CVs?

N.B. it may be worth noting that even though I’ve updated my CV, I’m not looking for a new job.

N.B. All code can now be licensed under the permissive MIT license. Read more about licensing CSS Wizardry code samples


By Harry Roberts

Harry Roberts is an independent consultant web performance engineer. He helps companies of all shapes and sizes find and fix site speed issues.



Did this help? We can do way more!


Hi there, I’m Harry Roberts. I am an award-winning Consultant Web Performance Engineer, designer, developer, writer, and speaker from the UK. I write, Tweet, speak, and share code about measuring and improving site-speed. You should hire me.

You can now find me on Mastodon.


Suffering? Fix It Fast!

Projects

  • inuitcss
  • ITCSS – coming soon…
  • CSS Guidelines

Next Appearance

Learn:

I help teams achieve class-leading web performance, providing consultancy, guidance, and hands-on expertise.

I specialise in tackling complex, large-scale projects where speed, scalability, and reliability are critical to success.