Today I’ve published a new version of this website, my personal chunk of internet real estate, and with this revision I put forward a challenge to myself. The mission: Cobble together an aesthetically pleasing blogfolio with as few layout images as possible using HTML5 and CSS3, while still degrading gracefully for those poor bastards using older browsers (and Internet Explorer). After two and a half weeks of second-guessing myself and constant over-thinking, I feel like I’ve done a pretty good job of that with my total image count at two. Those two being the page background and navigation button gradients. The rest of the visual effects displayed throughout are done with pure css. The overall design is very minimal, but since this is mainly a showcase for my design work I needed something that would be very clean and not distract from the content therein.

A few of the CSS3 techniques used are: border-radius, rgba transparency, box-shadow, text-shadow, and @font-family. I may write up detailed explanation for some of the effects used in a future post, though they’re nothing terribly groundbreaking and are fairly easy to deconstruct from my css.