Internal Templates
A demo of Hugo’s internal templates.
Blog
Thoughts on web performance, accessibility and modern, user-centered design and development.
Ultravox baby!
Any emergency can cause a huge surge in bandwidth, causing sites to become unavailable, but this site has been designed for high availability.
A rising tide lifts all boats
I often see people relating web accessibility, #a11y, on the web directly to the requirements of people who use screen readers or other assistive technologies, or for the more narrow-minded; blind people.
Tuned typography
We want our users to engage with our content, and great typography helps to do that. The easier it is to read, the better the engagemnent.
Vegan mumblecore!
DIY readymade tumeric cornhole flannel try-hard occupy tbh craft beer aesthetic edison bulb slow-carb kogi.
Bandwidth rationing is now in effect!
Any emergency can cause a huge surge in bandwidth, causing sites to become unavailable, but this site has been designed for high availability.
Markdown test file
Markdown is intended to be as easy-to-read and easy-to-write as is feasible. Readability, however, is emphasized above all else.
Defining a performance budget
We already know that web applications have balooned in recent years with the average website now almost 2Mb 🔗 .
Shopify rocks!
Shopify is a hosted e-commerce solution trusted by businesses worldwide and is loved by store owners, shoppers and developers alike.
Colour magic with Sass
Creating a complementary colour palette with Sass, and a quick glance at colour theory, is easy.
Load Disqus on demand
If you care about your visitors only load Disqus comments on demand, as even an empty comment form weighs in around 226Kb.
Free Adobe webfonts
Adobe’s new free webfont service is a powerful challenger to Google’s webfont service.
Install Jekyll in OSX Mavericks
Installing the static site generator Jekyll has never been easier, this short tutorial will have you up an running in no time at all.
Disabling Gantry's LESS compiler
I discovered serious short-comings with the automatic LESS compilation built into Rocket Theme’s Gantry 4 framework so I set about disabling it.
The problem with frameworks
A huge problem with frameworks like Bootstrap is that they deprive developers of a learning experience. How can we grow without the understanding that derives from that experience?
Go, grab a Jekyll today!
I wanted to share the fun I’ve been with Jekyll, so I put together a build that you can easily make your own. It’s fast, light and Github will host it for free.
A brave new world
I finally made the big switch to OSX. I’m still finding my feet, but already discovering there’s things I love, and things that I don’t…
A personal challenge
I set myself a challenge to build the best blog site I could, with the minimum possible amount of code. This is my first attempt, and I am quite happy with the results so far.
Lean & mean
I think we’ve become lazy when we build websites and the rise of chuck-it-all-in frameworks has only made things worse.
Falling in love with Jekyll
I’ve now been building websites with Jekyll for a total of two days, and I am already in love. Completely! I’m now at point of wondering if I’ll ever build a site with anything else. It’s that good.
On evolutionary design
I think this is true of most of us but I’m never really happy with the design of my own site, probably because I have so much freedom with it and so little time for it.
On responsible, responsive navigation
Drop-down navigation for small screens is very popular in responsive web design, but why do so many approaches execute it the wrong way?
html5 overrides for Joomla
A set of semantic html5 overrides for Joomla which standardise and sanitise Joomla’s content output.
Oneweb, the philosophy
If you’ve read I’ve ever written on Twitter, or ever met me, you’ll know I bang on about the whole ‘Oneweb’ thing a lot, but what does it really mean?
On content and design
When designing this site, I spent a lot of time considering the importance of content & usability in a responsive setting, refining my existing content-first approach.
Fixing webfont errors in Joomla
A quick fix for the webfont errors generated by Joomla 3’s default template Protostar.
Something on the horizon!
Flowcart is an exciting new e-commerce extension for Joomla! Fast, responsive and user-friendly it will totally change the way you build stores with Joomla!
You code, I’ll design!
There’s nothing more infuriating to a designer than battling with the ‘design’ imposed by a component developer.
RWD? Don't forget mobile!
Making it responsive is not the same as making a site mobile-friendly, no sir!
Joomla! you got Github all wrong!
Contributing code to Joomla! should be easy and enjoyable. Instead it is slow, painful and downright difficult.
Award-winning websites
I had an incredible time at this year’s J&Beyond, made even more memorable by the fact I have returned home with a coveted Joomla! Oscar
html5 Joomla modules
A new html5 module chrome for OneWeb, my responsive boilerplate template, brings html5 elements to Joomla! modules.
Oneweb template
I’m sharing my project starter; a responsive, mobile-first, HTML5 template for Joomla. The fastest, responsive Joomla! template ever made!
Bullet-proof Joomla! backups
Back-ups of your site don’t have to be a chore, in fact Akeeba Backup can automate everything!
Replacing the Joomla favicon
In this tutorial I explain how to replace the Joomla favicon with one of your own, something I’m asked about regularly.
