Adrian Roselli on Nostr: Uses #CSS grid, shape-outside, generated content, print styles, gradients, ...
Uses #CSS grid, shape-outside, generated content, print styles, gradients, backgrounds, forced-color support, hover/focus styles, and more. The underlying HTML works well in screen readers (so it’s its own alt text) and even the ‘union’ symbol usually gets announced correctly.
If you want the crunchy bits:
https://adrianroselli.com/2018/12/a-css-venn-diagram.htmlPublished at
2024-12-24 14:45:00Event JSON
{
"id": "957b24fe1118c5cde4609987ce656a9715a7751e8ea21fd9c71bd9b37c718c2b",
"pubkey": "7e72a9e116902990cb1f9173e4bd7d1b65a86e0420cd97e82f540d2829413609",
"created_at": 1735051500,
"kind": 1,
"tags": [
[
"e",
"8857c410f387b33c6dd554da96cf6309fafd20a26e79bea9c74976a1ab64feed",
"wss://relay.mostr.pub",
"reply"
],
[
"t",
"css"
],
[
"proxy",
"https://toot.cafe/users/aardrian/statuses/113708335146214413",
"activitypub"
]
],
"content": "Uses #CSS grid, shape-outside, generated content, print styles, gradients, backgrounds, forced-color support, hover/focus styles, and more. The underlying HTML works well in screen readers (so it’s its own alt text) and even the ‘union’ symbol usually gets announced correctly.\n\nIf you want the crunchy bits:\nhttps://adrianroselli.com/2018/12/a-css-venn-diagram.html",
"sig": "b93a7fea7fe1316e40b999659e26f1fc32881eb20058b80aab54f517485ca988cbb7a9e7a793d12326f53bb84aa9c7fbe569329be279f6d38596128f5248c8db"
}
