A small tool to view real-world ActivityPub objects as JSON! Enter a URL
or username from Mastodon or a similar service below, and we'll send a
request with
the right
Accept
header
to the server to view the underlying object.
{
"@context": [
"https://www.w3.org/ns/activitystreams",
{
"ostatus": "http://ostatus.org#",
"atomUri": "ostatus:atomUri",
"inReplyToAtomUri": "ostatus:inReplyToAtomUri",
"conversation": "ostatus:conversation",
"sensitive": "as:sensitive",
"toot": "http://joinmastodon.org/ns#",
"votersCount": "toot:votersCount",
"Hashtag": "as:Hashtag"
}
],
"id": "https://mastodon.social/users/anatudor/statuses/114261526720270467",
"type": "Note",
"summary": null,
"inReplyTo": "https://mastodon.social/users/anatudor/statuses/114261505184364661",
"published": "2025-04-01T07:28:54Z",
"url": "https://mastodon.social/@anatudor/114261526720270467",
"attributedTo": "https://mastodon.social/users/anatudor",
"to": [
"https://www.w3.org/ns/activitystreams#Public"
],
"cc": [
"https://mastodon.social/users/anatudor/followers"
],
"sensitive": false,
"atomUri": "https://mastodon.social/users/anatudor/statuses/114261526720270467",
"inReplyToAtomUri": "https://mastodon.social/users/anatudor/statuses/114261505184364661",
"conversation": "tag:mastodon.social,2024-05-29:objectId=717883329:objectType=Conversation",
"content": "<p>How the assembly alpha is computed is something I've detailed in 👉 <a href=\"https://css-tricks.com/adventures-in-css-semi-transparency-land/\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"ellipsis\">css-tricks.com/adventures-in-c</span><span class=\"invisible\">ss-semi-transparency-land/</span></a></p><p>Keep in mind that where we have overlap, two corresponding pixels from the two layers may both have an alpha below .5, but their overlap can still give the assembly an alpha above .5!</p><p>For example:</p><p>.4 + .3 - .4*.3 = .7 - .12 = .58</p><p>Both .4 and .3 are smaller than .5, but the overlap alpha .58 is bigger than .5!</p><p><a href=\"https://mastodon.social/tags/css\" class=\"mention hashtag\" rel=\"tag\">#<span>css</span></a> <a href=\"https://mastodon.social/tags/cssFilter\" class=\"mention hashtag\" rel=\"tag\">#<span>cssFilter</span></a> <a href=\"https://mastodon.social/tags/filter\" class=\"mention hashtag\" rel=\"tag\">#<span>filter</span></a> <a href=\"https://mastodon.social/tags/cssBlur\" class=\"mention hashtag\" rel=\"tag\">#<span>cssBlur</span></a> <a href=\"https://mastodon.social/tags/coding\" class=\"mention hashtag\" rel=\"tag\">#<span>coding</span></a> <a href=\"https://mastodon.social/tags/web\" class=\"mention hashtag\" rel=\"tag\">#<span>web</span></a> <a href=\"https://mastodon.social/tags/dev\" class=\"mention hashtag\" rel=\"tag\">#<span>dev</span></a> <a href=\"https://mastodon.social/tags/webDev\" class=\"mention hashtag\" rel=\"tag\">#<span>webDev</span></a> <a href=\"https://mastodon.social/tags/webDevelopment\" class=\"mention hashtag\" rel=\"tag\">#<span>webDevelopment</span></a> <a href=\"https://mastodon.social/tags/code\" class=\"mention hashtag\" rel=\"tag\">#<span>code</span></a> <a href=\"https://mastodon.social/tags/frontend\" class=\"mention hashtag\" rel=\"tag\">#<span>frontend</span></a></p>",
"contentMap": {
"en": "<p>How the assembly alpha is computed is something I've detailed in 👉 <a href=\"https://css-tricks.com/adventures-in-css-semi-transparency-land/\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"ellipsis\">css-tricks.com/adventures-in-c</span><span class=\"invisible\">ss-semi-transparency-land/</span></a></p><p>Keep in mind that where we have overlap, two corresponding pixels from the two layers may both have an alpha below .5, but their overlap can still give the assembly an alpha above .5!</p><p>For example:</p><p>.4 + .3 - .4*.3 = .7 - .12 = .58</p><p>Both .4 and .3 are smaller than .5, but the overlap alpha .58 is bigger than .5!</p><p><a href=\"https://mastodon.social/tags/css\" class=\"mention hashtag\" rel=\"tag\">#<span>css</span></a> <a href=\"https://mastodon.social/tags/cssFilter\" class=\"mention hashtag\" rel=\"tag\">#<span>cssFilter</span></a> <a href=\"https://mastodon.social/tags/filter\" class=\"mention hashtag\" rel=\"tag\">#<span>filter</span></a> <a href=\"https://mastodon.social/tags/cssBlur\" class=\"mention hashtag\" rel=\"tag\">#<span>cssBlur</span></a> <a href=\"https://mastodon.social/tags/coding\" class=\"mention hashtag\" rel=\"tag\">#<span>coding</span></a> <a href=\"https://mastodon.social/tags/web\" class=\"mention hashtag\" rel=\"tag\">#<span>web</span></a> <a href=\"https://mastodon.social/tags/dev\" class=\"mention hashtag\" rel=\"tag\">#<span>dev</span></a> <a href=\"https://mastodon.social/tags/webDev\" class=\"mention hashtag\" rel=\"tag\">#<span>webDev</span></a> <a href=\"https://mastodon.social/tags/webDevelopment\" class=\"mention hashtag\" rel=\"tag\">#<span>webDevelopment</span></a> <a href=\"https://mastodon.social/tags/code\" class=\"mention hashtag\" rel=\"tag\">#<span>code</span></a> <a href=\"https://mastodon.social/tags/frontend\" class=\"mention hashtag\" rel=\"tag\">#<span>frontend</span></a></p>"
},
"attachment": [],
"tag": [
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/css",
"name": "#css"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/cssfilter",
"name": "#cssfilter"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/filter",
"name": "#filter"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/cssblur",
"name": "#cssblur"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/coding",
"name": "#coding"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/web",
"name": "#web"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/dev",
"name": "#dev"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/webdev",
"name": "#webdev"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/webdevelopment",
"name": "#webdevelopment"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/code",
"name": "#code"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/frontend",
"name": "#frontend"
}
],
"replies": {
"id": "https://mastodon.social/users/anatudor/statuses/114261526720270467/replies",
"type": "Collection",
"first": {
"type": "CollectionPage",
"next": "https://mastodon.social/users/anatudor/statuses/114261526720270467/replies?only_other_accounts=true&page=true",
"partOf": "https://mastodon.social/users/anatudor/statuses/114261526720270467/replies",
"items": []
}
},
"likes": {
"id": "https://mastodon.social/users/anatudor/statuses/114261526720270467/likes",
"type": "Collection",
"totalItems": 1
},
"shares": {
"id": "https://mastodon.social/users/anatudor/statuses/114261526720270467/shares",
"type": "Collection",
"totalItems": 0
}
}