Graphic CV

Now that I’m primarily looking for work with fast-paced tech start-ups and other cutting-edge companies, I decided to modernise my CV accordingly.

Mark K Cowan’s interactive graphic CV available here.

Non-interactive / non-clickable PDF-version available here.

Presentation trumps performance for this project, so jQuery, jQuery UI, jQuery Mobile, async.js, underscore.js are all used. My own scripts+stylesheets are minified and embedded in the HTML document (by a perl script and a makefile) in order to reduce the number of server requests required.

Helix image switcher

I saw a rotating blinds -style advert outside a fuel station and figured that it would be a flashy way to show a set of images on a web page. The demo is available here, and the source (including a generator shell script) is available in a github repository. This animation uses pure HTML/CSS3 – forget outdated stuff like Flash, there isn’t even any JavaScript in use for this demo!

I may use some variation of this for the images in the gallery viewers over at Kuckian Arts, once more importants tasks for that site have been completed…

You can also trigger the animation via on-mouse-over / on-mouse-leave by using the :hover pseudoclass, the animation direction specifiers, and a single iteration of the animation rather than “infinite” as it currently does. Thanks to CSS3, making those changes is incredibly easy for anyone who wants to.