#>html_css_fragments
copyable
visible result
one-line edits
Fragment Ramp
Start with a piece small enough to understand.
A fragment is not a whole website. It is one reusable feeling: a chapter card, a margin note, a prompt, a repeating mark.
Chapter Card
<aside class="chapter-card">
<span>chapter 7</span>
<h3>The Lake Keeps Receipts</h3>
<p>Every reflection remembers who looked first.</p>
</aside>
chapter 7
The Lake Keeps Receipts
Every reflection remembers who looked first.
?["what_can_be_a_fragment"]
What Can Be A Fragment?
drop cap
Readers know a threshold when the first letter changes the room. A drop cap is just CSS, but it can feel like an invitation.
Pair it with a chapter glyph.
prompt card
Screenshot this before drafting.
What object returns three times? What does it mean the third time? What should the margin whisper?
Send the rough answer to the blog interpreter.
>next_fragment
Next Move
Change one noun, one color, or one repeated mark. That is enough to learn what HTML and CSS are doing.