That Standards Guy



Search

About

That Standards Guy is the online persona of Karl Dawson, a web developer living and working in Ipswich, England.

I'm a member of the Guild of Accessible Web Designers and the Web Standards Group and team member at Accessites—an awards site to recognise accessible and usable websites.

I specialise as a front-end developer and worry about the minutae of semantic (X)HTML and CSS, accessibility, microformats, typographic rhythm and grid design. I also care about the user experience and remind myself constantly of visitor site goals when working with clients and their aims.

That Standards Guy is proudly powered by WordPress using my own “StrictlyTSG v3.0” theme. Site Policies.

Stay up to date via the RSS feed. What’s RSS?

Archive for the ‘CSS’ Category

The :first-letter pseudo-element

By a roundabout route I happened on a post describing an Internet Explorer 6 bug (of course) in applying the :first-letter pseudo-element in CSS.

In IE6 there must be a blank between the selector and the declaration block.

/* does not work */
p:first-letter{property: value}

/* works */
p:first-letter {property: value}

Additionally, there appears to be a problem with IE6 (and IE7?) when separating selectors with a comma—include a space before the comma:

/* does not work */
p:first-letter, .extraneous {property: value}

/* works */
p:first-letter , .extraneous {property: value}

That explains a lot as I remove a lot of whitespace in my CSS files (and so may any compression tools) and unwittingly invoke the bug. 9am and I’ve already learned something new :)

What happened to the design? CSS Naked Day ‘08

To know more about why styles are disabled on this website visit the Annual CSS Naked Day website for more information.

My CSS Framework revisited

In November 2006 I published details on my CSS framework and even talked about it at Refresh Cambridge. To recap, it was the solution to the problem for only being able to reference one style sheet in an old Content Management System (CMS) in use at work. I added YUI grids to the mix for rapid prototyping and hence I called it a framework. Thinking nothing of it, I called it My CSS Framework. You probably have one too if you find yourself reusing old HTML / CSS snippets. You might have thought nothing of it too and just didn’t blog about it.

Since then, CSS frameworks have been in the news a lot. Just last week another was made available in the shape of 960. Since then, my framework has evolved to fit my changing needs. I’m unsure whether there’s anything new to publish though. I use Eric Meyer’s new reset CSS, my standard typography CSS and then, mindful of grid design principles, create a layout with as little code bloat as possible. I think demonstrating my own solutions to common interface components might be better instead.

A year and a bit on and My CSS Framework is now listed on Wikipedia. Wow. Funnily enough (and the inspiration behind this post) is that it’s been picked up in the blogosphere (in several languages) and mutated in name to “My (not really mine) CSS Framework” in an attempt to make clear the framework was not created by the reporting author. I wish I’d called it TSG CSS Framework now ;)

Update: Eric delivered his presentation at an Event Apart San Francisco a few weeks back now and Jeremy Keith blogged it live.

Post categories

Archives

Popular articles

Elsewhere

I’m promoting

Patronage: It ain't just for the Medicis. The Joe Clark Micropatronage project