En & Em | TYPESETT
En & Em

En & Em

My first experience with the plethora of available dash types was when my company’s copy-editor used to routinely throw pens at me when I’d incorrectly use dashes (Hi Sharon!). The scars have healed (mental and physical) and my clothes have been dry cleaned but the lessons have remained. Let’s get down and dirty on the usage types and avoid the dash drama.

Here’s how to do the dash dance:

  1. Hyphens: Not dashes. They are punctuation marks used for separating compound words.
  2. En Dashes: Are used for showing a range of values. Like what you see between numbers (i.e. ...between 18 – 24 miles)
  3. Em Dashes: Are used for separating abrupt elements in a sentence

Hyphens

Hyphens are punctuation marks used to separate compound words. Now that you know the true nature of what a hyphen is, please help get the word out and become a dash snob.

Usage:
Vice-President

En Dash

En dashes are used to represent a separate range of values. The name is from how typographers based the length of the dash to the length of a “N”. Despite recent outcry to name it “En-Deezy” and the like, the classic moniker has been retained. No, that didn’t happen although I wish it did.

Usage:
The Yankees beat Boston 4-2

Em Dash

Em dashes are used to separate elements in a sentence that are abrupt. Like it’s brother, it is also derived from the length of a “M” and named accordingly. I refrained from the rap lingo this time.

Em dashes can be used to separate elements mid-sentence as the info is pertinent to the understanding but abrupt.

Usage:
Ana likes to use her favorite spice — cinnamon — in new and exciting ways.

Em dashes are also often used to finish a sentence with useful, but abrupt information to efficiently conclude that thought.

Usage:
Robert enjoys eating his favorite food on his day off — Burritos.

Conclusion

If you’re particular about semantic code usage, extend those same thoughts to your copy. Dash usage is straight forward and easy to grasp. Channel your inner copy editor and become a dash snob to add that extra polish to your writing.

 

Favorites

I Felt That

Nicholas Felton unleashes his 2010 Annual Report.

The Pretty Speedy Redesign

How would you approach a redesign that can impact 273 million people? UX Magazine has some bullet points you might find useful.

This One Goes Out To My PEEPs

I'm always fascinated by how other agencies design and produce their websites. Hifi recently waxed poetic about their optimal ExpressionEngine install.

Deja Vu

Social Design

Finally, a well written article that talks about social design in a sensible manner.

The San Francisco Symphony Celebrates Its 100th Season

Try something new and stimulate your brain cells by supporting an organization that has been trying to out do itself for a century.

Stupid Smartphones

Just when we think we have a bead on web design, here comes the mobile market. Let's not get mad though, let's get even by tackling the material head on.

Repeat

"Typography Exists To Honor Content..."

...is what Robert Bringhurst said and content is what Erin Kissane writes about.

C Doubles S Three, Yo

For all of us who loved the Jeremy Keith HTML5 book, let's do it again with Dan Cederholm with CSS3.

Lucky Seven

Drupal is often a love it or hate it proposition and for me it's definitely towards the latter because it's hard to use. With this new version they make a lot of promises but I wonder if they understand why people didn't like previous versions to begin with.

TYPESETT

TYPESETT is a monthly magazine about design, typography, news and other things that warm your heart.

As of January 5th, we've changed our format. Traditional design blogging is so "2010" so we're trying to do something new. The older posts will possibly be added back depending on demand but we hope you enjoy our new format. Follow @TYPESETT on twitter for updates.

Holla Back

Got a question or suggestion? Let me know. Or you can email .(JavaScript must be enabled to view this email address) us here.

 

Issue: 1 | 2 | 3 | 4