Blog

Internet Explorer fallbacks

29 September 2015

This week I examine how Ethan Marcotte and Karen McGrane's Responsive Web Design sets up conditional CSS rules for handling Internet Explorer's, um, specialness! Read more

Tags: CSS HTML

Skip to navigation

Twitter cards

22 September 2015

Back from hiatus with a look at Ethan Marcotte and Karen McGrane's Responsive Web Design. I take a look at something I've probably seen before but I've never really stopped to think how they got there—Twitter cards. Read more

Tags: HTML

Skip to navigation

Supercool search bars, part 1

09 December 2014

So far, I've focussed by attention on HTML and CSS, but I've been neglecting the third of the web design trio, JavaScript. In this and the next couple of posts, I intend to change that by looking at A List Apart's funky search bar. Read more

Tags: CSS HTML

Skip to navigation

Sticky menus

27 November 2014

Rather than being an examination of a dodgy burger bar's printed material, this a quick post on A List Apart's main menu, looking at its CSS and HTML. Read more

Tags: CSS HTML

Skip to navigation

Type as navigation

06 November 2014

Like the captain of a ship, the reader of a webpage needs some help to figure out where she is, where she's been and where she's going next. In this post, I look at A List Apart for best practice in navigation and see what tips, tricks, dos and don'ts I can glean. Read more

Tags: Typography

Skip to navigation

Establishing typographic hierarchy

28 October 2014

I'm going to take a punt and say that none of the type on an article like Susan Robertson's CSS Audits - Taking Stock of Your Code was put there by accident. For this post, I've got three questions to answer. What is typographical hierarchy? What are some of the tricks for building it? And which of these tricks does ALA employ? Read more

Tags: Typography

Skip to navigation

Responsive images, Part 2—Body Images

20 October 2014

Images in the main content area of The Great Discontent seem to come in two flavours—large and small. I deal with each of these in turn in this post. Also, I have a quick look at the nifty loader image that you see for a few seconds when an image appears on screen. Read more

Tags: CSS HTML

Skip to navigation

Responsive images, Part 1—Masthead

24 August 2014

One of the things that makes The Great Discontent beautiful is the photography. Each interview kicks off with an oversized picture of someone looking particularly dandy in their designer glasses and hairdo. My question for this post is, how are images handled in TGD? Read more

Tags: CSS HTML

Skip to navigation

Media queries

13 August 2014

In the next few posts, I want to look at The Great Discontent and find out how it handles responsive design, starting with a look at the media queries that the site uses. Read more

Tags: CSS

Skip to navigation