James Turner

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

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

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

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

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

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

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

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

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

Blog