From 19c1464929dd85d521bb00d8db586372daa27f1e Mon Sep 17 00:00:00 2001 From: github-actions Date: Mon, 6 Jan 2025 08:07:36 +0000 Subject: [PATCH 1/2] Automated webmentions update --- content/_data/webmentions.json | 33 ++++++++++++++++++++++++++++++++- 1 file changed, 32 insertions(+), 1 deletion(-) diff --git a/content/_data/webmentions.json b/content/_data/webmentions.json index ea38dac8..e4b0425b 100644 --- a/content/_data/webmentions.json +++ b/content/_data/webmentions.json @@ -1,6 +1,37 @@ { - "lastFetched": "2024-12-30T08:07:27.051Z", + "lastFetched": "2025-01-06T08:07:36.393Z", "children": [ + { + "type": "entry", + "author": { + "type": "card", + "name": "Nick Simson", + "photo": "https://webmention.io/avatar/secure.gravatar.com/d19067467117b138356cdaafdd7b43c73e9dabca1f885cba530560869847c2aa.png", + "url": "https://nicksimson.com" + }, + "url": "https://nicksimson.com/posts/2024-drop-caps/", + "published": "2024-02-04T14:11:26-07:00", + "wm-received": "2025-01-05T17:00:12Z", + "wm-id": 1872355, + "wm-source": "https://nicksimson.com/posts/2024-drop-caps/", + "wm-target": "https://www.oddbird.net/2017/01/03/initial-letter/", + "wm-protocol": "webmention", + "name": "D is for Drop Caps", + "syndication": [ + "https://bsky.app/profile/nicksimson.com/post/3kkmsfax6p22q", + "https://mastodon.design/@nsmsn/111875631522267858" + ], + "content": { + "html": "\"Day\n\n\n\n

Drop caps, or “dropped capitals” are a design element that can add a little oomph to your page (or screen). The idea is this: a large capital letter, the first letter of the first word of your paragraph, stands out as a decorative element. This captures your reader’s attention, hopefully drawing them in. The standard size of a drop cap is 2 or more lines tall. If you are reading this article on my website, and not in some RSS reader or Instapaper-type app, you may have noticed that the D in this very paragraph “pops” in the page design.

\n\n\n\n

This is day four of 26 Days of Type, my idiosyncratic series on all things font and font-adjacent. In the last few days I’ve neglected to explain more about why I’m doing this. Some of my remote tech worker pals and I are engaged in the Wiggle Work Winter Writing Workshop—a challenge to write (and publish) something every day during the month of February. Joni has written a bit more of the background of this event on her own blog.

\n\n\n\n

I also have a side project called Typo.town that I envisioned as this font of knowledge (pun intended) of all things type. I’m good at registering domain names, and OK at building websites, and fine at making and publishing lists. But I haven’t taken the time to write all the great content I’m imagining for this project. Since the beginning of the year, I’ve been carving out time to write each day. I’m aiming for 2-4 minutes during Mondays – Fridays and at least 24 minutes on the weekend.

\n\n\n\n

So my neglect of my side project, a personal yearlong goal, and this unique writing challenge have all coalesced into this month-long blog series. I’m hoping after 26 days (or 29 days if I really make it across the finish line) I’ll be in a regular mode of writing about this subject, and will have some content to backfill into Typo.town later in the year.

\n\n\n\n\n\n\n\n

Back to drop caps. There are a couple ways to do this with CSS, as well as in your desktop publishing apps of choice. But first, I grabbed some various books around the house to showcase some more visual examples of drop caps in the wild.

\n\n\n\n\"AnFrom The Crroked Path to Abolition by James Oakes\"AFrom Killing the Buddha by Peter Manseau and Jeff Sharlet\"AFrom Apocrypha Now by Mark Russell and Shannon Wheeler

A drop cap is not to be confused with an initial cap, which sits on the baseline of the first line in the paragraph and extends higher. Here are a few examples of those:

\n\n\n\n\"AFrom Welcome to the Monkey House by Kurt Vonnegut\"AFrom The Lorax by Dr. Seuss\"AFrom Martin Guitars: A History

The first CSS method I will share is using good ‘ol fashioned box model CSS, a <span> plus the display and float properties. This method has been supported since what feels like forever. Check out the embedded CodePen below.

\n\n\n

See the Pen Drop Cap One by Nick Simson (@nsmsn) on CodePen.

\n

\n\n\n

If you want to get a little more advanced, Ethan Marcotte has a quick 5-minute tutorial on using the :first-letter pseudo-selector to style the first letter of the paragraph as a drop cap. His video and finished example on CodePen also includes ways to make this more screen-reader friendly.

\n\n\n\n

Finally, I want to mention initial-letter, a CSS property now supported in most browsers except Firefox. But you can totally use @supports to offer this as a progressive enhancement, with a fallback for browsers that don’t support initial-letter. Stacy Kvernmo has written a wonderful tutorial on using initial-letter to create drop caps that work in every browser. For more on initial-letter, check out the MDN docs.

\n\n\n\n\n\n\n\n

Now if you are doing some work for print instead of HTML, I wanted to link to some resources for styling drop caps in some various desktop publishing applications:

\n\n\n\n

Emphasizing the first letter has been around in publishing for centuries, and based on all the support in the 21st century, I don’t think it’s going anywhere soon. So go forth, and drop that capital letter!

\nSyndicated copies:", + "text": "Drop caps, or “dropped capitals” are a design element that can add a little oomph to your page (or screen). The idea is this: a large capital letter, the first letter of the first word of your paragraph, stands out as a decorative element. This captures your reader’s attention, hopefully drawing them in. The standard size of a drop cap is 2 or more lines tall. If you are reading this article on my website, and not in some RSS reader or Instapaper-type app, you may have noticed that the D in this very paragraph “pops” in the page design.\n\n\n\nThis is day four of 26 Days of Type, my idiosyncratic series on all things font and font-adjacent. In the last few days I’ve neglected to explain more about why I’m doing this. Some of my remote tech worker pals and I are engaged in the Wiggle Work Winter Writing Workshop—a challenge to write (and publish) something every day during the month of February. Joni has written a bit more of the background of this event on her own blog. \n\n\n\nI also have a side project called Typo.town that I envisioned as this font of knowledge (pun intended) of all things type. I’m good at registering domain names, and OK at building websites, and fine at making and publishing lists. But I haven’t taken the time to write all the great content I’m imagining for this project. Since the beginning of the year, I’ve been carving out time to write each day. I’m aiming for 2-4 minutes during Mondays – Fridays and at least 24 minutes on the weekend. \n\n\n\nSo my neglect of my side project, a personal yearlong goal, and this unique writing challenge have all coalesced into this month-long blog series. I’m hoping after 26 days (or 29 days if I really make it across the finish line) I’ll be in a regular mode of writing about this subject, and will have some content to backfill into Typo.town later in the year.\n\n\n\n\n\n\n\nBack to drop caps. There are a couple ways to do this with CSS, as well as in your desktop publishing apps of choice. But first, I grabbed some various books around the house to showcase some more visual examples of drop caps in the wild.\n\n\n\nFrom The Crroked Path to Abolition by James OakesFrom Killing the Buddha by Peter Manseau and Jeff SharletFrom Apocrypha Now by Mark Russell and Shannon WheelerA drop cap is not to be confused with an initial cap, which sits on the baseline of the first line in the paragraph and extends higher. Here are a few examples of those:\n\n\n\nFrom Welcome to the Monkey House by Kurt VonnegutFrom The Lorax by Dr. SeussFrom Martin Guitars: A HistoryThe first CSS method I will share is using good ‘ol fashioned box model CSS, a plus the display and float properties. This method has been supported since what feels like forever. Check out the embedded CodePen below.\n\n\nSee the Pen Drop Cap One by Nick Simson (@nsmsn) on CodePen.\n\n\n\nIf you want to get a little more advanced, Ethan Marcotte has a quick 5-minute tutorial on using the :first-letter pseudo-selector to style the first letter of the paragraph as a drop cap. His video and finished example on CodePen also includes ways to make this more screen-reader friendly. \n\n\n\nFinally, I want to mention initial-letter, a CSS property now supported in most browsers except Firefox. But you can totally use @supports to offer this as a progressive enhancement, with a fallback for browsers that don’t support initial-letter. Stacy Kvernmo has written a wonderful tutorial on using initial-letter to create drop caps that work in every browser. For more on initial-letter, check out the MDN docs.\n\n\n\n\n\n\n\nNow if you are doing some work for print instead of HTML, I wanted to link to some resources for styling drop caps in some various desktop publishing applications: \n\n\n\nInDesign from Adobe has great built-in support for drop caps and nested styles. \n\n\n\nSo does Affinity Publisher, in the Paragraph panel.\n\n\n\nMicrosoft Word lets you Insert > Drop Cap into a paragraph pretty simply and neatly.\n\n\n\nIn Pages for Mac, Drop Cap is a checkbox option in the Format Sidebar and Style button.\nEmphasizing the first letter has been around in publishing for centuries, and based on all the support in the 21st century, I don’t think it’s going anywhere soon. So go forth, and drop that capital letter!\nSyndicated copies: Bluesky Mastodon" + }, + "mention-of": "https://www.oddbird.net/2017/01/03/initial-letter/", + "wm-property": "mention-of", + "wm-private": false, + "rels": { + "canonical": "https://nicksimson.com/posts/2024-drop-caps/" + } + }, { "type": "entry", "author": { From 6274a16886c17d59f083fa14aafb7ba33ffd7db5 Mon Sep 17 00:00:00 2001 From: Jonny Gerig Meyer Date: Mon, 6 Jan 2025 11:13:11 -0500 Subject: [PATCH 2/2] remove duplicate webmention --- content/_data/webmentions.json | 31 ------------------------------- 1 file changed, 31 deletions(-) diff --git a/content/_data/webmentions.json b/content/_data/webmentions.json index e4b0425b..2aafe2fd 100644 --- a/content/_data/webmentions.json +++ b/content/_data/webmentions.json @@ -147,37 +147,6 @@ "wm-property": "in-reply-to", "wm-private": false }, - { - "type": "entry", - "author": { - "type": "card", - "name": "Nick Simson", - "photo": "", - "url": "https://nicksimson.com" - }, - "url": "https://nicksimson.com/posts/drop-caps/", - "published": "2024-02-04T14:11:26-07:00", - "wm-received": "2024-02-04T21:11:36Z", - "wm-id": 1777153, - "wm-source": "https://nicksimson.com/posts/drop-caps/", - "wm-target": "https://www.oddbird.net/2017/01/03/initial-letter/", - "wm-protocol": "webmention", - "name": "D is for Drop Caps", - "syndication": [ - "https://bsky.app/profile/nicksimson.com/post/3kkmsfax6p22q", - "https://mastodon.design/@nsmsn/111875631522267858" - ], - "content": { - "html": "\"Day\n\n\n\n

Drop caps, or “dropped capitals” are a design element that can add a little oomph to your page (or screen). The idea is this: a large capital letter, the first letter of the first word of your paragraph, stands out as a decorative element. This captures your reader’s attention, hopefully drawing them in. The standard size of a drop cap is 2 or more lines tall. If you are reading this article on my website, and not in some RSS reader or Instapaper-type app, you may have noticed that the D in this very paragraph “pops” in the page design.

\n\n\n\n

This is day four of 26 Days of Type, my idiosyncratic series on all things font and font-adjacent. In the last few days I’ve neglected to explain more about why I’m doing this. Some of my remote tech worker pals and I are engaged in the Wiggle Work Winter Writing Workshop—a challenge to write (and publish) something every day during the month of February. Joni has written a bit more of the background of this event on her own blog.

\n\n\n\n

I also have a side project called Typo.town that I envisioned as this font of knowledge (pun intended) of all things type. I’m good at registering domain names, and OK at building websites, and fine at making and publishing lists. But I haven’t taken the time to write all the great content I’m imagining for this project. Since the beginning of the year, I’ve been carving out time to write each day. I’m aiming for 2-4 minutes during Mondays – Fridays and at least 24 minutes on the weekend.

\n\n\n\n

So my neglect of my side project, a personal yearlong goal, and this unique writing challenge have all coalesced into this month-long blog series. I’m hoping after 26 days (or 29 days if I really make it across the finish line) I’ll be in a regular mode of writing about this subject, and will have some content to backfill into Typo.town later in the year.

\n\n\n\n\n\n\n\n

Back to drop caps. There are a couple ways to do this with CSS, as well as in your desktop publishing apps of choice. But first, I grabbed some various books around the house to showcase some more visual examples of drop caps in the wild.

\n\n\n\n\"AnFrom The Crroked Path to Abolition by James Oakes\"AFrom Killing the Buddha by Peter Manseau and Jeff Sharlet\"AFrom Apocrypha Now by Mark Russell and Shannon Wheeler

A drop cap is not to be confused with an initial cap, which sits on the baseline of the first line in the paragraph and extends higher. Here are a few examples of those:

\n\n\n\n\"AFrom Welcome to the Monkey House by Kurt Vonnegut\"AFrom The Lorax by Dr. Seuss\"AFrom Martin Guitars: A History

The first CSS method I will share is using good ‘ol fashioned box model CSS, a <span> plus the display and float properties. This method has been supported since what feels like forever. Check out the embedded CodePen below.

\n\n\n

See the Pen Drop Cap One by Nick Simson (@nsmsn) on CodePen.

\n

\n\n\n

If you want to get a little more advanced, Ethan Marcotte has a quick 5-minute tutorial on using the :first-letter pseudo-selector to style the first letter of the paragraph as a drop cap. His video and finished example on CodePen also includes ways to make this more screen-reader friendly.

\n\n\n\n

Finally, I want to mention initial-letter, a CSS property now supported in most browsers except Firefox. But you can totally use @supports to offer this as a progressive enhancement, with a fallback for browsers that don’t support initial-letter. Stacy Kvernmo has written a wonderful tutorial on using initial-letter to create drop caps that work in every browser. For more on initial-letter, check out the MDN docs.

\n\n\n\n\n\n\n\n

Now if you are doing some work for print instead of HTML, I wanted to link to some resources for styling drop caps in some various desktop publishing applications:

\n\n\n\n

Emphasizing the first letter has been around in publishing for centuries, and based on all the support in the 21st century, I don’t think it’s going anywhere soon. So go forth, and drop that capital letter!

\nSyndicated copies:", - "text": "Drop caps, or “dropped capitals” are a design element that can add a little oomph to your page (or screen). The idea is this: a large capital letter, the first letter of the first word of your paragraph, stands out as a decorative element. This captures your reader’s attention, hopefully drawing them in. The standard size of a drop cap is 2 or more lines tall. If you are reading this article on my website, and not in some RSS reader or Instapaper-type app, you may have noticed that the D in this very paragraph “pops” in the page design.\n\n\n\nThis is day four of 26 Days of Type, my idiosyncratic series on all things font and font-adjacent. In the last few days I’ve neglected to explain more about why I’m doing this. Some of my remote tech worker pals and I are engaged in the Wiggle Work Winter Writing Workshop—a challenge to write (and publish) something every day during the month of February. Joni has written a bit more of the background of this event on her own blog. \n\n\n\nI also have a side project called Typo.town that I envisioned as this font of knowledge (pun intended) of all things type. I’m good at registering domain names, and OK at building websites, and fine at making and publishing lists. But I haven’t taken the time to write all the great content I’m imagining for this project. Since the beginning of the year, I’ve been carving out time to write each day. I’m aiming for 2-4 minutes during Mondays – Fridays and at least 24 minutes on the weekend. \n\n\n\nSo my neglect of my side project, a personal yearlong goal, and this unique writing challenge have all coalesced into this month-long blog series. I’m hoping after 26 days (or 29 days if I really make it across the finish line) I’ll be in a regular mode of writing about this subject, and will have some content to backfill into Typo.town later in the year.\n\n\n\n\n\n\n\nBack to drop caps. There are a couple ways to do this with CSS, as well as in your desktop publishing apps of choice. But first, I grabbed some various books around the house to showcase some more visual examples of drop caps in the wild.\n\n\n\nFrom The Crroked Path to Abolition by James OakesFrom Killing the Buddha by Peter Manseau and Jeff SharletFrom Apocrypha Now by Mark Russell and Shannon WheelerA drop cap is not to be confused with an initial cap, which sits on the baseline of the first line in the paragraph and extends higher. Here are a few examples of those:\n\n\n\nFrom Welcome to the Monkey House by Kurt VonnegutFrom The Lorax by Dr. SeussFrom Martin Guitars: A HistoryThe first CSS method I will share is using good ‘ol fashioned box model CSS, a plus the display and float properties. This method has been supported since what feels like forever. Check out the embedded CodePen below.\n\n\nSee the Pen Drop Cap One by Nick Simson (@nsmsn) on CodePen.\n\n\n\nIf you want to get a little more advanced, Ethan Marcotte has a quick 5-minute tutorial on using the :first-letter pseudo-selector to style the first letter of the paragraph as a drop cap. His video and finished example on CodePen also includes ways to make this more screen-reader friendly. \n\n\n\nFinally, I want to mention initial-letter, a CSS property now supported in most browsers except Firefox. But you can totally use @supports to offer this as a progressive enhancement, with a fallback for browsers that don’t support initial-letter. Stacy Kvernmo has written a wonderful tutorial on using initial-letter to create drop caps that work in every browser. For more on initial-letter, check out the MDN docs.\n\n\n\n\n\n\n\nNow if you are doing some work for print instead of HTML, I wanted to link to some resources for styling drop caps in some various desktop publishing applications: \n\n\n\nInDesign from Adobe has great built-in support for drop caps and nested styles. \n\n\n\nSo does Affinity Publisher, in the Paragraph panel.\n\n\n\nMicrosoft Word lets you Insert > Drop Cap into a paragraph pretty simply and neatly.\n\n\n\nIn Pages for Mac, Drop Cap is a checkbox option in the Format Sidebar and Style button.\nEmphasizing the first letter has been around in publishing for centuries, and based on all the support in the 21st century, I don’t think it’s going anywhere soon. So go forth, and drop that capital letter!\nSyndicated copies: Mastodon" - }, - "mention-of": "https://www.oddbird.net/2017/01/03/initial-letter/", - "wm-property": "mention-of", - "wm-private": false, - "rels": { - "canonical": "https://nicksimson.com/posts/drop-caps/" - } - }, { "type": "entry", "author": {