ATProto Browser

ATProto Browser

Experimental browser for the Atmosphere

Post

Amazing (and simple) technique by @kilianvalkhof.com . autofocus is a great way to make your login/registration and password reset forms more user-friendly htmhell.dev/adventcalend... I implemented it during my lunch break... so much better! #UX #htmhell

Jan 10, 2025, 2:16 PM

Record data

{
  "uri": "at://did:plc:tvyvqavrfobsa2hkdgg3vdnu/app.bsky.feed.post/3lffezrjunk2j",
  "cid": "bafyreifnxrgdotrm3xycsvgjsx7egcyjin46ajpsp3jzwr3yye4qdtuhqy",
  "value": {
    "text": "Amazing (and simple) technique by @kilianvalkhof.com .\n\nautofocus is a great way to make your login/registration and password reset forms  more user-friendly\n\nhtmhell.dev/adventcalend...\n\nI implemented it during my lunch break... so much better! \n\n#UX #htmhell",
    "$type": "app.bsky.feed.post",
    "embed": {
      "$type": "app.bsky.embed.images",
      "images": [
        {
          "alt": "",
          "image": {
            "$type": "blob",
            "ref": {
              "$link": "bafkreif3rfdbjdvrncocydawyykdtobmjb3t4m4jot76zlk3loffbiz2om"
            },
            "mimeType": "image/jpeg",
            "size": 49176
          },
          "aspectRatio": {
            "width": 944,
            "height": 550
          }
        }
      ]
    },
    "langs": [
      "en"
    ],
    "facets": [
      {
        "$type": "app.bsky.richtext.facet",
        "index": {
          "byteEnd": 52,
          "byteStart": 34
        },
        "features": [
          {
            "did": "did:plc:z6uec3g7xgkvxpy442663waq",
            "$type": "app.bsky.richtext.facet#mention"
          }
        ]
      },
      {
        "index": {
          "byteEnd": 186,
          "byteStart": 159
        },
        "features": [
          {
            "uri": "https://htmhell.dev/adventcalendar/2024/2/",
            "$type": "app.bsky.richtext.facet#link"
          }
        ]
      },
      {
        "index": {
          "byteEnd": 251,
          "byteStart": 248
        },
        "features": [
          {
            "tag": "UX",
            "$type": "app.bsky.richtext.facet#tag"
          }
        ]
      },
      {
        "index": {
          "byteEnd": 260,
          "byteStart": 252
        },
        "features": [
          {
            "tag": "htmhell",
            "$type": "app.bsky.richtext.facet#tag"
          }
        ]
      }
    ],
    "createdAt": "2025-01-10T14:16:59.621Z"
  }
}