Blog (page 22)

Responsive Design for King’s Transfer

The new King’s Transfer website has gone live. I worked on design and front-end development while Peter Mitchell took care of all things back-end. This is my third in-depth responsive design case study and my first as a freelancer. I feel it’s my best work to-date and that’s due to a great client and a real focus on the design process. […]

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

Buy me a coffee! Support me on Ko-fi