Terence Eden on Nostr: Here's a fun scrap of CSS to see where Schema.org microdata is on a web page ``` ...
Here's a fun scrap of CSS to see where Schema.org microdata is on a web page
```
[itemprop]::after {
content: "🗂️";
}
[itemprop] {
outline: 1px dashed pink;
}
```
Highlights any elements and displays a cute emoji after them.
#Schema #Microdata #HTML #CSS #WebDev #SemanticWeb
Published at
2024-11-24 20:38:20Event JSON
{
"id": "35082fd63b3b17b934b9b48d5507e41c64316b600079f3a77bceed738eda382d",
"pubkey": "fddf487eea9db57a6e320f80e5cb63de50bedf539695a41c0d447be6c23643e1",
"created_at": 1732480700,
"kind": 1,
"tags": [
[
"t",
"schema"
],
[
"t",
"microdata"
],
[
"t",
"html"
],
[
"t",
"css"
],
[
"t",
"webdev"
],
[
"t",
"semanticweb"
],
[
"proxy",
"https://mastodon.social/users/Edent/statuses/113539855185175855",
"activitypub"
]
],
"content": "Here's a fun scrap of CSS to see where Schema.org microdata is on a web page\n\n```\n[itemprop]::after {\n content: \"🗂️\";\n}\n[itemprop] {\n outline: 1px dashed pink;\n}\n```\n\nHighlights any elements and displays a cute emoji after them.\n\n#Schema #Microdata #HTML #CSS #WebDev #SemanticWeb",
"sig": "7389274f6d0af9e7a6c9a89189a47e69feca8b7557022e5332604d65d2dfe9b65f924f3aa06b1d1c36ce3eb21e97f9f20be4333e1a5b949ffac8f8f4494d5a27"
}