Record🤔

uri:

"at://did:plc:4hm2yozxzsakerfalloor5s6/app.bsky.feed.post/3l42ctrix3g2f"

cid:

"bafyreiaewtln4zznd5mae6uihywrru4l2zgguvhztl4756sjhuxrmjevrq"

value:

text:

"❌ DON'T
use `div`, `span`, other random elems for range `input` value displays/ rulers

✅ DO
✨use `output` for value displays & set their `for` attr to `id` of the `input` whose value they display
✨use `datalist` for ruler & set its `id` as the value for `input`'s `list` attr

#HTML #tinyHTMLtip"

$type:

"app.bsky.feed.post"

embed:

alt:

"Recording of a demo. Shows a two thumb slider with value displays (as tooltips and at the two ends) and exponentially increasing ruler. The two thumbs can pass each other when dragged and the tooltip value displays only get shown when their corresponding handle is hovered or focused."

$type:

"app.bsky.embed.video"

video:

View blob content

$type:

"blob"

ref:

$link:

"bafkreih74h54s7mh7rdgldyeo2wy2z36xprsdfl4q4rygsarjtifimbfqq"

mimeType:

"video/mp4"

size:

50895

aspectRatio:

width:

726

height:

278

langs:

• "en"

facets:

• index:

  byteEnd:

  291

  byteStart:

  286

  features:

  • tag:

    "HTML"

    $type:

    "app.bsky.richtext.facet#tag"

• index:

  byteEnd:

  304

  byteStart:

  292

  features:

  • tag:

    "tinyHTMLtip"

    $type:

    "app.bsky.richtext.facet#tag"

createdAt:

"2024-09-13T15:51:48.585Z"