Daily Shaarli

All links of one day in a single page.

Previous day

January 12, 2024

Next day

The hidden depths of the input element - HTMHell
thumbnail

Less typing is always better
Last but not least, my absolute favourite <input> attribute is the autocomplete attribute.

For controlling the available virtual keyboards use inputmode. To control whether an <input> can be updated, but also still read and submitted, choose readonly over disabled. You can trigger the camera on mobile devices using capture. Use the spellcheck attribtue to control whether spellchecking is activated on an input, and remember to set it to "false" on sensitive inputs. Save users time by using autocapitalize to control the capitalisation of text in an input. And finally, use autocomplete to help the browser fill in the contents of an input and save your users typing.

Template for accessibility guidelines - HTMHell
thumbnail

This template is opinionated and intended as a starting point for those who want to define how accessibility is dealt with in their company. It does not matter whether your title is developer, designer, project manager or something else.

Design pattern for custom tooltips - HTMHell
thumbnail

The title attribute is not particularly accessible.