curly quotes: Difference between revisions
Tantek.com (talk | contribs) (add gRegor to IndieWeb examples, remove bookmarklets from Brainstorming since they are now a real thing!) |
Tantek.com (talk | contribs) (→IndieWeb Examples: expand upon my typing to presenting UTF-8 pipeline) |
||
| Line 23: | Line 23: | ||
== IndieWeb Examples == | == IndieWeb Examples == | ||
* {{jeremycherfas}} uses a [https://www.jeremycherfas.net/blog/converting-straight-quotes-with-alfred home-made Python script in Alfred] to smartify quotes and em dashes when he writes | * {{jeremycherfas}} uses a [https://www.jeremycherfas.net/blog/converting-straight-quotes-with-alfred home-made Python script in Alfred] to smartify quotes and em dashes when he writes | ||
* {{t}} uses [[UTF-8]] in his content creation and publishing flow (from using BBEdit to create posts and UTF-8 plain text files, to PHP and JS handling of UTF-8 storage, to publishing HTML with UTF-8), and thus enters curly quotes directly when typing his content on MacOS laptop keyboard (as documented in [[#How_to_type]]. E.g.: | * {{t}} uses [[UTF-8]] in his content creation and publishing flow (from using BBEdit to create posts and UTF-8 plain text files, to PHP and JS handling of UTF-8 storage, to publishing HTML with UTF-8), and thus enters curly quotes directly when typing his content on MacOS laptop keyboard (as documented in [[#How_to_type]]. E.g.: | ||
** 2024-06-28 [https://tantek.com/2024/180/b1/responsible-inventing Responsible Inventing] (earlier examples available) | ** 2024-06-28 [https://tantek.com/2024/180/b1/responsible-inventing Responsible Inventing] (earlier examples available) | ||
* {{gregor}}: 2024-07-02 [https://gregorlove.com/2024/07/i-prefer-to-use/ my note] with the four bookmarklets I use | * {{gregor}}: 2024-07-02 [https://gregorlove.com/2024/07/i-prefer-to-use/ my note] with the four bookmarklets I use | ||
Revision as of 00:43, 8 July 2024
This article is a stub. You can help the IndieWeb wiki by expanding it.
curly quotes are pairs of quote marks that are shaped with curves to indicate the start and end of a quotation, like “ ” and ‘ ’ , and should be used in prose content and posts.
Why
This section is a stub. You can help the IndieWebCamp wiki by expanding it.
You should use curly quotes in prose content for improved typography and better readability around quotations and as apostrophes in contractions and possessives.
How to
Different systems have different ways of entering curly quotes. You may find the following useful for copy/pasting:
“ ” ‘ ’
How to type
On MacOS, you can type curly quotes as follows:
- “ — option-[
- ” — shift-option-[
- ‘ — option-]
- ’ — shift-option-]
On browsers in general, you can create the following bookmarklets (curlypastelets or just pastelets) to choose and type the curly quotes you want:
IndieWeb Examples
Jeremy Cherfas uses a home-made Python script in Alfred to smartify quotes and em dashes when he writes
Tantek Çelik uses UTF-8 in his content creation and publishing flow (from using BBEdit to create posts and UTF-8 plain text files, to PHP and JS handling of UTF-8 storage, to publishing HTML with UTF-8), and thus enters curly quotes directly when typing his content on MacOS laptop keyboard (as documented in #How_to_type, which then make it all the way through being presented in the reader’s browser in HTML served as UTF-8. E.g.:
- 2024-06-28 Responsible Inventing (earlier examples available)
gRegor Morrill: 2024-07-02 my note with the four bookmarklets I use- Add yourself here… (see this for more details)
Brainstorming
- ...