Blog (page 10)

September Update

Good afternoon! So it’s been a while since I last blogged. Turns out buying a home takes longer than I imagined! When I left London in 2012, I moved back in with my parents (temporarily) to embark upon a freelance career. Work has been steady, not easy, but rewarding and I’m much happier out of […]

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