SitePoint Sponsor

User Tag List

Results 1 to 9 of 9
  1. #1
    SitePoint Wizard DoubleDee's Avatar
    Join Date
    Aug 2010
    Location
    Arizona
    Posts
    3,756
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)

    Whether to Capitalize Headings?

    My personal website uses lots of containing DIV's that have a 1px gray border and a header with a gray background and bold white font. (Similar to how SitePoint does its menus.)

    Should Text in the gray-shaded headers be Title-Case or UPPER-CASE??

    And why do you say so?

    Thanks,


    Debbie

  2. #2
    om nom nom nom Stomme poes's Avatar
    Join Date
    Aug 2007
    Location
    Netherlands
    Posts
    10,269
    Mentioned
    50 Post(s)
    Tagged
    2 Thread(s)
    Interesting question!

    While I've read some usability recommendations for calls-to-action button text (generally title case recommended and no punctuation) I haven't seen any studies/articles about headers... but I'm sure they are out there.

    They would be filed under "writing for the web" or "web content writing" I believe.

    Also likely the font you choose matters: UPPER CASE can be harder to read than Title Case with some fonts. Especially the deficient ones like Arial who can't tell the difference between I and l (luckily Verdana can, but most sans-serifs don't).

  3. #3
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,272
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Moved to content writing forum as seems more appropriate

  4. #4
    Mouse catcher silver trophy Stevie D's Avatar
    Join Date
    Mar 2006
    Location
    Yorkshire, UK
    Posts
    5,881
    Mentioned
    122 Post(s)
    Tagged
    1 Thread(s)
    I would generally go for Title Case, or even Sentence case. It is widely accepted that using lower case letters makes text easier to read, because the letter forms are more distinct. Personally, I don't like overuse of capital letters (I'm forever taking them out of my bosses' work) and so only use them where they are absolutely required. On the other hand, if you're only going to have short extracts of text, you may consider ALL CAPS to be a suitable stylistic choice - but if you do, I would suggest having Sentence case in the code, and using CSS (text-transform) to capitalise it, and also to increase the letter spacing slightly, as this will off-set the shoutiness and make it a bit easier to read.

    Ideally you should have enough visual clues (colour, border, spacing, positioning) that an item is more important that you don't need to rely on casing to convey that.

  5. #5
    SitePoint Wizard DoubleDee's Avatar
    Join Date
    Aug 2010
    Location
    Arizona
    Posts
    3,756
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Stevie D View Post
    I would generally go for Title Case, or even Sentence case. It is widely accepted that using lower case letters makes text easier to read, because the letter forms are more distinct. Personally, I don't like overuse of capital letters (I'm forever taking them out of my bosses' work) and so only use them where they are absolutely required.
    Do you feel the same way about Menu Items??

    And what about Article Headings??


    Ideally you should have enough visual clues (colour, border, spacing, positioning) that an item is more important that you don't need to rely on casing to convey that.
    True, but if I have my "box" with a gray border, gray heading strip, and bold white font in Title Case (e.g. "Featured Article" using <H1>) and then within that box I have another heading of sorts (e.g. "The Benefits of using Postage Meters" using <H2>) and possibly a sub-caption (e.g. "(Saving more than you'd think!!)") then maybe all of that Title Case washes out?!

    Attached are two samples of what I'm talking about... (Mods please approve!!)

    Thanks,


    Debbie
    Attached Images Attached Images

  6. #6
    Mouse catcher silver trophy Stevie D's Avatar
    Join Date
    Mar 2006
    Location
    Yorkshire, UK
    Posts
    5,881
    Mentioned
    122 Post(s)
    Tagged
    1 Thread(s)
    Quote Originally Posted by DoubleDee View Post
    Do you feel the same way about Menu Items??

    And what about Article Headings??
    It applies to text, headings, bullets, the lot. I rarely use title case even in titles. It's a stylistic thing, there's no right or wrong way, it's up to you to find a house style that you're comfortable with, and that works for your site, in your context, your design and your font. What's right for one person might be wrong for another.

  7. #7
    SitePoint Member
    Join Date
    Feb 2012
    Posts
    4
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I normally use Tile Case when making the title for my article. It really doesn't make any difference to me if I'll try using the other. It's more of a writer's style as what Stevie had mentioned above. Whatever style makes you comfortable.

  8. #8
    SitePoint Wizard
    Join Date
    Dec 2003
    Location
    USA
    Posts
    2,582
    Mentioned
    29 Post(s)
    Tagged
    0 Thread(s)
    I prefer Title Case where you only capitalize non-grammatical words: "There is a Quick Brown Fox" for both headers and menus. However, like Stevie said, it's a stylistic choice. Sentence case is just as valid, though I personally don't like to use it for headers and menu items.

    Also, it does really depend on the font. Some fonts are much easier to read lowercase than upper case. Some fonts the uppercase may be a bit too "strong" and seem like you are yelling. And other times the uppercase may be perfect (and some fonts only come in uppercase =p).

  9. #9
    Word Painter silver trophy Shyflower's Avatar
    Join Date
    Oct 2003
    Location
    Winona, MN USA
    Posts
    10,053
    Mentioned
    142 Post(s)
    Tagged
    2 Thread(s)
    Sorry folks, this thread died back in June. Let's leave the skeleton in the closet.

    Thread closed.
    Linda Jenkinson
    "Say what you mean. Mean what you say. But don't say it mean." ~Unknown


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •