Blog (page 15)

Progressive Viewports

Implementing off-canvas navigation requires a fair amount of effort in the realms of front-end performance and “viewport management” but the general principles are simple. Once you’ve cracked them you can create some brilliant responsive and interactive interfaces. Viewport set-up I’ve decided to write a mostly high-level introduction here without getting bogged down in code. My Smashing Magazine article sets a good foundation […]

Open Responsibility

I like to be very “open”. I write about my ideas and experiences and I share code projects on GitHub. There are many reasons for this. High on that list are the improvements I gain as a professional in this industry. Sharing Code Some of my projects like Pikaday are very mature. I’m keen to see them adopted and still have […]

Automated Accessibility: Colour Contrast

In my quest to automate my entire job I’ve moved into the realms of testing and accessibility checks. The W3C guidelines on accessibility contain a wealth of advice. Much of it would appear to be common sense. It should be a cornerstone of web design but unfortunately it’s often ignored with the focus on surface aesthetic and […]

Update from June 3rd

I received a shout-out in the “hot drama” section of Shop Talk Show (E073) — bucket list checked, I love those guys — however my point was somewhat missed I feel. On June 3rd I wrote an article entitled The Raster Image Paradox which prompted a response from Tim Kadlec on Why We Need Responsive Images — which I agree with […]

Updates to Origin

Back in April I published my front-end starting point on GitHub. It includes basic HTML & CSS and many Grunt tasks to automate compilation, minification, optimisation, and rasterisation. What’s new My custom SVG rasterisation task was poorly written. It brought my laptop to a standstill while churning through as many phantom.js processes as there were SVG files. I’ve […]

The Raster Image Paradox

The recent Clown Car Technique is a clever use of SVG but as with all “adaptive image” solutions for responsive web design it’s not something I’d be comfortable using. One image to rule them all When I build web pages I generally come to the conclusion that using a single image is a sensible bet. Nothing fancy, just a […]

Stifling Web Design

The only way to truly experience and evaluate a website design is in a web browser. That sounds obvious but it bears repeating. While this fact can’t be denied it is often conceptual design mock-ups that take responsibility for critique and direction. The assumption being that as a more efficient intermediate they’re good enough. High-fidelity design […]