Blog

WordPress to Metalsmith

It’s a busy work schedule that is usually to blame for my lack of written output on this blog. That was not the case last month! Downtime As you may have noticed, my website has been going offline frequently. Not good. After several failed attempts to fix the — admittedly self-inflicted — issue I decided a full […]


Responsive Design for Houden

Houden is an e-ccomerce store, soon to launch with stylish bags and accessories for laptops, tablets, and cameras. I was hired to improve aspects of the design and user experience with the help of new brand guidelines and a base template already under development at Shopify. Below is a preview of the design and code I’ve […]


Critical CSS and Performance

I built my website last year with a strong focus on front-end performance. This week inspired by Scott Jehl’s article “How we make RWD sites load fast as heck” and Callum Hart’s “Non-blocking UI’s with interface previews” I decided to revisit my code and give it another boost. The trick to getting content on screen faster […]


When can a website be over 1mb?

When a new website is released for a popular or high profile brand there are two stages of reaction. The first is praise: “it’s responsive!”, “it’s gorgeous!”. The second is criticism: “don’t work in IE9!”, “it’s over 1MB!”. As is internet traditional, opinion must be bipolar and unconditional. Initial reaction to the new Majora’s Mask 3DS […]


I don't do Angular, is that OK?

I’ve never been one to care for job titles. One or two words can’t adequately explain the extent of our roles. I try to avoid giving myself a strict title on this website. On my homepage: “I design, build & write all things web” Then I list: Responsive Design Front-end Development Process & Strategy These pages are a delicate balance of an […]


Use SVG (part 2)

On Monday I wrote about using SVG for content images. Aside from minor workarounds for a peculiar Internet Explorer bug, it’s a relatively straight forward task. I was planning to follow up with a technical overview of SVG sprites, but really, I can’t write anything better than Sara Soueidan’s comprehensive guide: “An Overview of SVG Sprite […]


Use SVG (part 1)

As you know I’m a big fan of using SVG whenever possible. See my articles ‘Resolution Independence With SVG’ (Jan 2012) and ‘A Primer to Front-end SVG Hacking’ (Feb 2013) for a retrospective. I’m always looking for the most viable technique; browser support is always changing and content management is an oft-forgotten requirement (or ‘restriction’, depending how […]