<p>Julia Evans <a href="https://jvns.ca/blog/2023/06/05/some-blogging-myths/#myth-everyone-should-blog">on blogging</a>:</p>

<blockquote>Blogging isn’t for everyone. Tons of amazing developers don’t have blogs or personal websites at all. I write because it’s fun for me and it helps me organize my thoughts.</blockquote>

<p>Most amazing developers I know do not blog — by a wide margin. But of the developers I know that do blog, most of those are amazing, except <a href="https://chriscoyier.net">one</a>.</p>

<p>If you are considering it, Julia’s <a href="https://jvns.ca/blog/2023/06/05/some-blogging-myths/#myth-everyone-should-blog">other seven myths</a> are right on. You don’t need to be an expert. You don’t need to be original. You don’t have to be comprehensive, consistent, or exciting. You don’t even always have to be right. That describes my blogging journey to a T.</p>
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  /* You can do it globally */
  /* hanging-punctuation: first last; */
  font-family: "EB Garamond", serif;
  font-size: 150%;
}

body {
  max-inline-size: 40ch;
  margin-block: 0;
  margin-inline: auto;
  padding-block: 1rem;
  border-inline: 1px solid #81d4fa;
  height: 100vh;
  /* to test "last" value */
  /* text-align: end; */
}

blockquote {
  hanging-punctuation: first last;
  /* hanging-punctuation: first force-end last; */
  margin: 0;
  font-style: italic;
  &::before {
    content: open-quote;
  }
  &::after {
    content: close-quote;
  }
}

p,
blockquote {
  margin: 0 0 1rem 0;
}

/* Fallback technique */
/* 
blockquote {
  text-indent: -0.45em;
}
@supports (hanging-punctuation: first) {
  blockquote {
    text-indent: 0;
    hanging-punctuation: first;
  }
}
*/

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.