ATProto Browser

ATProto Browser

Experimental browser for the Atmosphere

Post

@css-tricks.com post on the topic is a great intro to the various concepts and with some nice examples as well! css-tricks.com/css-anchor-p...

May 2, 2025, 12:18 AM

Record data

{
  "uri": "at://did:plc:j73k5g4hr6qpkgwoalm3cfkh/app.bsky.feed.post/3lo5keozhik2c",
  "cid": "bafyreiaed5g6v7yzwaeglw7wtq3tzmw2wxgrbx4edkl6m2yrlljw62xujq",
  "value": {
    "text": "@css-tricks.com post on the topic is a great intro to the various concepts and with some nice examples as well!\n\ncss-tricks.com/css-anchor-p...",
    "$type": "app.bsky.feed.post",
    "embed": {
      "$type": "app.bsky.embed.external",
      "external": {
        "uri": "https://css-tricks.com/css-anchor-positioning-guide/",
        "thumb": {
          "$type": "blob",
          "ref": {
            "$link": "bafkreic3lpitg55y3v4tvcgg25efulcyhqtsizu76eod2z6ziuzbosg6pu"
          },
          "mimeType": "image/jpeg",
          "size": 590770
        },
        "title": "CSS Anchor Positioning Guide | CSS-Tricks",
        "description": "Learn about CSS Anchor Positioning, including its syntax, properties, how it is used to position one element next to another, and even how it's used to resize elements relative to other elements."
      }
    },
    "langs": [
      "en"
    ],
    "reply": {
      "root": {
        "cid": "bafyreihafwmomnlkkxbgqadl5xcco4kqpnog63tbq4mjvw3fz25dppa4dm",
        "uri": "at://did:plc:j73k5g4hr6qpkgwoalm3cfkh/app.bsky.feed.post/3lo5keodmbk2c"
      },
      "parent": {
        "cid": "bafyreiesetpn4b6omhcm3chkb5mqxvimvcchyibfb2klm3knabqyyrc5oy",
        "uri": "at://did:plc:j73k5g4hr6qpkgwoalm3cfkh/app.bsky.feed.post/3lo5keol5ic2c"
      }
    },
    "facets": [
      {
        "$type": "app.bsky.richtext.facet",
        "index": {
          "byteEnd": 15,
          "byteStart": 0
        },
        "features": [
          {
            "did": "did:plc:ffm3o4vz473f6q7idxz4pmz7",
            "$type": "app.bsky.richtext.facet#mention"
          }
        ]
      },
      {
        "index": {
          "byteEnd": 143,
          "byteStart": 113
        },
        "features": [
          {
            "uri": "https://css-tricks.com/css-anchor-positioning-guide/",
            "$type": "app.bsky.richtext.facet#link"
          }
        ]
      }
    ],
    "createdAt": "2025-05-02T00:18:00.825Z"
  }
}