Blog

A simple logo system

26 January 2016

In order to pull its weight, a logo has to be adaptable. Logo systems have build-in flexibility by allowing certain aspects to become variable. In the case of Real World English, it's the colour. Read more

Tags: Design Work

Skip to navigation

DNS prefetching

19 January 2016

The domain name system (DNS) is central to how computers reach each other across the web. As I learn from CSS Wizardry, a little bit of applied witchcraft in the <head> section can exploit this feature of the Internet to reduce the time it takes for a page to load. Read more

Tags: HTML

Skip to navigation

The BEMIT naming convention

05 January 2016

Trying to keep CSS tidy and transparent is never easy, especially on large projects. Fortunately, Harry Roberts' CSS Wizardry is there to help us. In advance of my site redesign, I take a look at his BEMIT approach to naming elements and keeping CSS organised. Read more

Tags: CSS HTML

Skip to navigation

Improving keyboard accessibility

22 December 2015

Without the help of a decent web designer, accessing a site via keyboard can be a frustrating experience. In this post, I look at how Responsive Web Design adds concealed 'skip to content' and 'skip to navigation' links to improve accessibility for keyboard users. Read more

Tags: CSS HTML

Skip to navigation

Colour design: yellow

08 December 2015

(Contains around 2MB of images) Inspired by Ethan Marcotte and Karen McGrane's Responsive Web Design site, this is an exploration of the colour colour that has become almost synonymous with responsive web design. Read more

Tags: Design

Skip to navigation

Description lists

24 November 2015

What are HTML description lists? What are they for? Who even uses them? Ask these questions, and you too will uncover the sad truth about these underused, but handy little semantic elements. Read more

Tags: HTML

Skip to navigation

Mobile-friendly toggling menu

10 November 2015

With a dash of CSS and JavaScript, it's easy to create a mobile-friendly menu whose visibility is controlled by a toggle button. Read more

Tags: CSS HTML JavaScript

Skip to navigation

Apostrophe angst

27 October 2015

Should web content creators use hard quotation marks and apostrophes or should we use HTML entities? A glance at Responsive Web Design's markup just leaves me more confused. Read more

Tags: HTML Typography

Skip to navigation

On the proper use of h1 headings

06 October 2015

The markup on Ethan Marcotte and Karen McGrane's Responsive Web Design validates perfectly, except for one thing. It turns out that the correct use for h1 elements is for content, not for your site logo. Read more

Tags: HTML

Skip to navigation