My site’s moved CMS and servers. If you spot a problem, let me know.

Stuff & Nonsense product and website design

Quotes & accents (& Dashes) and TextExpander

Jessica Hische made Quotes & accents (& Dashes). Remembering keystrokes for these characters is hard, but for me remembering character entities is downright impossible. So I made TextExpander do the remembering for me. Here’s how I did it:

EntityTextExpander
“ Left double quote “§ option + [
” Right double quote ”§ option + shift + [
‘ Left single quote ‘§ option + ]
’ Right single quote ’§ option + shift + ]
– An en dash –§ option + -
— An em dash –§ option + shift + -

I’ve created TextExpander abbreviations for &, $, ©, …, £ and € too. Now when I need to code a character entity into my HTML, I need only type the trigger key, then the usual keystrokes for that character.

  1. Why use a trigger key? So I can still use normal keystrokes to insert those characters into other types of documents without TextExpander turning them into entities.

March 6, 2013 • Andy Clarke • development

You might also like

Shop

Eleventy in a Box

A premium Eleventy starter kit for designers and developers who want to spend less time setting up the same project structure and more time designing distinctive websites.

Shop

Layout ❤︎

Free compound grid and modular grid layout generators, plus a set of HTML/CSS layout templates you can call on to make more interesting layouts, available to buy.