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
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
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
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
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
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
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
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
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