Blog (page 12)

Real-Life Responsive Web Design

Last week I had the opportunity to read “Real-Life Responsive Web Design”, the fifth book in the Smashing Book series. Usually with books like this I will skip to the chapters that immediately catch my eye. This time was different, they all sounded fascinating — and they were! I read the book cover to cover in […]

Social Profiles

My website navigation now links to my GitHub and CodePen profiles, alongside Twitter. A long overdue change. It was embarrassing to be rocking the Google+ link. I never used Google+, I don’t even use Facebook, but it was useful to get my face alongside search results. That feature disappeared some time ago and thus the […]

Order: HTML vs CSS

Content should follow a logical top-to-bottom order within HTML. CSS is used to change the visual presentation of this content across different viewports. On small viewports — mobile phones for example — a vertical layout that mimics the HTML order is generally a safe default. For wider viewports it is common to introduce more complex layout […]

WordPress to Metalsmith

NEW: React as a Static Site Generator I now used React instead of Metalsmith. See my new approach above! 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 […]

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

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

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, it’s rather chunky. […]