Blog

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 been […]


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 is removing render-blocking CSS. When […]


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 website has been no different. Granted, […]


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 […]


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 Creation Techniques”. […]


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 you […]


Happy New Year!

I’m back in the office and feeling positive about this year’s work. Give me a shout if you require my web design / front-end skills. I’ve been thinking long and hard about the type of work I’d like to take on, and really, I find a variety most rewarding. It’s nice to alternate between design and dev. […]