Event JSON
{
"id": "c221563f6256ac0ae43756586e1d94e8f7a2f4c505f91c978c38b78eb19f0a15",
"pubkey": "ede60a297e34369207b159f15484231536acd208a89304fbe9c166a9c6540435",
"created_at": 1716805518,
"kind": 1,
"tags": [
[
"t",
"code"
],
[
"t",
"webdev"
],
[
"t",
"web"
],
[
"imeta",
"url https://files.mastodon.social/media_attachments/files/112/512/559/001/372/320/original/9813de2caf0ac3dd.png",
"m image/png"
],
[
"t",
"frontend"
],
[
"e",
"51225d939cc317639181b5e34ae33290b8256cbf98ad044cfaada6cc1f8bd57e",
"",
"reply"
],
[
"imeta",
"url https://files.mastodon.social/media_attachments/files/112/512/552/289/123/882/original/0fd0f7b7f76bd58a.mp4",
"m video/mp4"
],
[
"t",
"dev"
],
[
"e",
"a1b401aafbdc8ebe751f06a910d96bd16186567ed6f20e5594873f91eb72db90",
"",
"root"
],
[
"t",
"webdevelopment"
],
[
"t",
"coding"
],
[
"p",
"827dff3631108ba3a2eb2c455615166c4320e10ce086f31afa6aa657a94ca1db"
],
[
"t",
"css"
],
[
"t",
"svg"
],
[
"proxy",
"https://mastodon.social/@anatudor/112512566432519154",
"web"
],
[
"p",
"ede60a297e34369207b159f15484231536acd208a89304fbe9c166a9c6540435"
],
[
"proxy",
"https://mastodon.social/users/anatudor/statuses/112512566432519154",
"activitypub"
],
[
"L",
"pink.momostr"
],
[
"l",
"pink.momostr.activitypub:https://mastodon.social/users/anatudor/statuses/112512566432519154",
"pink.momostr"
]
],
"content": "3⃣ 747 ❤️ no sprite, no JS twitter 🤍 animation https://codepen.io/thebabydino/pen/RRRRZE\n\nBehind demo https://css-tricks.com/recreating-the-twitter-heart-animation/\n\nNow twitter uses an SVG heart 👍 (that path data though 😵) and upon clicking, inserts a div with the sparks. There are better ways to do it... still better than sprites!\n\n#css #svg #code #coding #frontend #web #webDev #webDevelopment #dev\nhttps://files.mastodon.social/media_attachments/files/112/512/552/289/123/882/original/0fd0f7b7f76bd58a.mp4\nhttps://files.mastodon.social/media_attachments/files/112/512/559/001/372/320/original/9813de2caf0ac3dd.png\n",
"sig": "a35eb26ff379a66b1bc4c7c2a877fd942ebfae122c0c0f631bfbc638031258daf0482dedc158e85ef46bd3827035ae5c3712197f2ccc9fbe209e9eeb374d31a2"
}
