Unimportant egocentric rant: don’t .ToUpper() your titles

Here’s a minor inconvenience that I’m going to put out there in the hope that one or two of the horrible people responsible for it may realize the errors of their ways and make the world a marginally better place.

So you like your titles to be all caps. Fine. I’m not sure why you insist on screaming like that, but that’s your choice, and it’s your web site/blog. If you are going to do this, however, please don’t do this:

@post.Title.ToUpper()

And not just because you neglected to specify a culture (you monster). No, this is wrong because next time the guy who builds the week in .NET wants to mention your site and copies the title over, he’s going to copy this:

HOW TO USE ENTITY FRAMEWORK TO KILL PUPPIES!!!

instead of this:

How to use Entity Framework to make a rainbow

He’s going to curse loudly, his kids may hear him, and they’ll grow up to become as obnoxious as he is, all because of you. Well done.

This is particularly infuriating because there is a perfectly good way to do this bad thing that you insist on doing. In your CSS, just do something like this:

h1 { text-transform: uppercase; }

There. Was that so hard?

Except that no. When you copy text that has been styled this way, you’ll still get the all caps text instead of the unstyled underlying text. F@$#!

OK.

Fine.

Just don’t .ToUpper your titles. Please. It looks like crap and it’s less readable. And you sound like a Facebook comment from that uncle who ruins Thanksgiving every year.

4 Comments

  • I hate all caps titles too!

  • I have the same issue when aggregating blog posts for orchardproject.net. Then there are some offenders who manage to create fancy titles that you can't even copy-paste...

  • I AGREE, THOSE UPPER CASE TITLES ARE THE WORST

  • I thought that accessibility might be a reason against `.ToUpper()` and for the CSS solution but it seems that this isn't the case (it won't shout them at you).

    However it does say that in some edge cases things like CONTACT US could be read as "Contact U. S." in a screen reader because it interprets the uppercase "US" as being an acronym for "United States".

    http://webaim.org/techniques/fonts/#caps

Comments have been disabled for this content.