ATProto Browser

Experimental browser for the Atmosphere

Post

At the weekend I spent some time thinking about ways to do image placeholders without client-side JS. The normal way is inline data URIs, but they need to be relatively large to avoid artifacts. I have a prototype that uses CSS vars to define 12 radial gradients, which gives a nice effect I think.

Apr 22, 2025, 11:35 AM

Loading post...

Record data

{
  "uri": "at://did:plc:n6l2dfnfwxy5kpyb7w2qwtyc/app.bsky.feed.like/3lngpjbvt2w2a",
  "cid": "bafyreig7c5r6kjftsffn6ohxkgtsy2hjaqdtu3ic2bxylxp6yjxni6fiqq",
  "value": {
    "$type": "app.bsky.feed.like",
    "subject": {
      "cid": "bafyreihkbjicxnvueayss73x2zp7frjg27aem6slsyad6646knc4fkj7yy",
      "uri": "at://did:plc:uwbl4k3tza7eyjv3morkrld2/app.bsky.feed.post/3lnfllah7kk2i"
    },
    "createdAt": "2025-04-22T22:18:50.227Z"
  }
}