5 ways you can shut the fuck up

Going through my RSS feeds this morning I was once again beset by reams of article titles with claims of 10 items you should take on a holiday, 20 CSS tricks everyone should know, 11 iPhone apps that will make your grandmother orgasm and so on and so forth.

Can we stop this pathetic enumeration of self-help blogshit please? To post n ways of doing something in the hope that a catchy title may ensnare a few self-absorbed or paranoid web surfers may have been novel advice for bloggers once upon a time, but it has become cliché and the numbers and topics are getting more ridiculous. I mean, who needs to read a post about 7 ways Forrest Gump can improve your self confidence?

The history behind this flappy piece of copywriting dribble is unknown, but it’s been awfully catching. Somehow it has even become absorbed into the body of advice (known as ‘good practice’) given to aspiring authors and others looking for easy ways to avoid agonising over head lines.

The 5 ways of truth

So, anyway as a retort I thought I’d share five pitiful pieces of advice to help all those template-worshipping, google-hungry tip-bandits out there to move on:

  1. Don’t make the number more important than the message

    To limit, or stretch, yourself to provide six or seven or 25 tips on making a hat out of salmon or whatever means that you’re spending more time on conforming to a structure than on what you’re writing. A good argument, or a list of lucid tips, doesn’t need to be fenced in and will flow naturally anyway if the content is well-written. Ever heard of catchy titles?

  2. If you write good content they’ll come anyway

    Oh my God! 40 Photoshop tutorials you must read! Digg this and I’ll be famous even though I’m just linking to the top 40 Google results and haven’t contributed anything to the broader sphere of knowledge nor do I know anything about Photoshop! Loser.

  3. Lists can be great. Big lists are not.

    Sure, people who use RSS to aggregate their news are really going to spend more than 15 seconds reading your 20-page article on 100 movie bloopers you must see before you go to the toilet.

  4. Don’t make the web boring

    People are copycats. It’s natural. If I see someone wearing a particularly dashing pair of jeans on Oxford Street, I’ll scour the opportunity shops until I find something similar. But if you’re smart enough to be able to create your own blog, you probably also possess sufficient imagination to do something new on the web or, at least, not to follow what a quadrillion people have done already. The web is exciting, it’s malleable and there are (mostly) no rules. Don’t turn it into a newspaper.

  5. There is no five

    When you realise the truth, that there are more than 12 methods of pruning nasal hair or 8 foods you should eat to become Pavarotti, you might just be on the way to writing in the authoritative voice you thought you would have achieved from your sad numbered list.

Clearing your hacks

The sun has come out in London and beach lovers like me are all wondering when their next ‘real summer’ will be. Now, when the television turns to Home and Away, we don’t cringe with disgust and hurl a frozen side of lamb through the screen, but scan every frame for evidence of that yellow sand and those rolling waves we miss so much. Which brings me to clearing using CSS.

Let’s take a look at the following snippet:

<ul id="mylist">
<li>I float left!</li>
<li>I float right!</li>
</ul>

We’ve all seen this before. The UL has a background colour or is supposed to clear an adjacent sibling however without a clearing fix, it doesn’t wrap around it’s children or just floats in space like your demented cousin Jonah.

So we implement a clearing fix. Remember this little beauty?

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

* html .clearfix {height: 1%;}

What a great deal of time it saved us. It bludgeoned those divs down past their floating children like a hunter taming a pack of wild kittens, all while keeping your markup clean and your smugness intact. However if you look at it, it’s a little bloated and, unless you add specific id and classes to the rule, you have to slip in the classname clearfix to all the offending elements in the markup. Boring!

Well forget that. Now you can clear with gay abandon using just two lines of CSS.

#mylist {
overflow:hidden;
}

/* ie6 */
* html #mylist {
height:1%;
}

With any luck you won’t even have to implement the IE6 fix for very long. I usually keep all my IE hacks in a separate style sheet, ready for obliteration when people finally realise that using Internet Explorer 6 is worse than putting a fire out with your armpits.

Good day!