Experimental browser for the Atmosphere
@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
{ "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" } }