Gavin Shinfield

Say no to ugly widows – widon’t for the masses

OK, this may sound a bit funny and it may be considered over-attention to detail, but it can really spoil a design and potentially hamper reading when a headline doesn’t quite fit on a single line and leaves you with one word hanging underneath. That’s what we mean by a ‘widow’.

This is particularly relevant to newspaper sites or blogs where the headline may form a central feature to the look of a whole page. It’s not just headlines though, even in body copy widows are generally considered poor style and should be avoided. But how to control them in a content-managed site? Luckily for those of us that worry about such things there’s Widon’t.

I’m a bit late to the party on this one as it was released in 2006 but Widon’t is a neat little plugin for the Wordpress blogging engine, it was developed by Shaun Inman of sIFR fame to solve this very problem for Newsvine.com.

The plugin is basically a simple PHP statement that inserts a non-breaking space which causes the penultimate word to wrap, simple but effective.

Well, now Dave Cardwell (davecardwell.co.uk) has published this neat JQuery plugin so that anyone who uses the JQuery framework can achieve the same typographic perfection without breaking a sweat.

See more posts

Comments: 2

Christopher
commented on

I've always considered this a problem, but never had a clue of how to properly address it. Great jQuery resource! That'll definitely go into the toolbox. Keep up the great finds!

Daren Guillory
commented on

Lovely, Thank you. The Elements of Typographic Style, www.webtypography.net should implement this on their site.

Add a comment

Note: comments are moderated before publication.

Most Popular

Garmin Edge 705 Data Recovery with DD & XML

Joel Richards

After recently taking part in a race across Scotland, using a Garmin GPS device (Edge 705) I had around 12 hours of GPS data which unfortunately seemed to get corrupted during the ride. The device was properly displaying the data on the unit, but Windows, OSX and Linux were all …

Easy image rollovers

Robin Whittleton

Recently themeforest.net ran a quick tutorial on how to achieve an image slide effect similar to our homepage. I thought I’d go into some more detail about the design decisions we made.

Website easter egg

Piers Palmer

We decided to have a little fun now that summer is over, combining some design yumminess and behavioural goodness. See if you are up to the challenge! Can you find the indomitable and mighty web geek PROFESSOR WAKE on our website. He’s hiding there somewhere… A littl…