Blog

The carousel of praise

07 March 2016

Carousels are an easy way to add non-essential content to a website. In the case of CSS Wizardry, it is used for displaying positive feedback from clients. In this post, I look at the HTML, CSS—and the secondary school arithmetic—involved in coding a carousel. Read more

Tags: HTML CSS Animation

Skip to navigation

Article and section elements

02 February 2016

Article and section are both semantic elements that give structure to a HTML document, but what is the difference between them, and when should they be nested? Read more

Tags: HTML

Skip to navigation

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