Mastodon Feed: Post

Reblogged by kornel ("Kornel"):

anatudor ("Ana Tudor 🐯") wrote:

❌ 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 #code #coding #tinyCodingTip #frontend #web #dev #webDev #webDevelopment

Attachments:

• 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.