placeholder Archives

Platform News: Using :focus-visible, BBC’s New Typeface, Declarative Shadow DOMs, A11Y and Placeholders

There’s a whole lot of accessibility in this week’s news, from the nuances of using :focus-visible and input placeholders, to accessible typefaces and a Safari bug with :display: contents. Plus, a snippet for a bare-bones web component that supports …

Šime Vidas on Apr 16, 2021

marching ants placeholder SVG

SVG Marching Ants

Maxim Leyzerovich created the marching ants effect with some delectably simple SVG.…

Chris Coyier on Oct 18, 2018

inputs placeholder

Don’t Use The Placeholder Attribute

Direct Link

Eric Bailey takes a hardline position on <input placeholder>.

You might be thinking, as I did: yeah, yeah I know the pitfalls. I’m capable of using placeholder responsibly. But when you look at all the negatives together:

Can’t be

…

Shared by Chris Coyier on Jun 22, 2018

forms placeholder

Alternatives to Placeholder Text

Direct Link

Andrew Coyle on when to use <input placeholder>:

Don’t use them as a label
Don’t use them as a secondary label
Don’t use them as example input
Don’t use them as helper text

Which amounts to pretty much: “Don’t …

Shared by Chris Coyier on Dec 16, 2016

Articles Tagged
placeholder

Platform News: Using :focus-visible, BBC’s New Typeface, Declarative Shadow DOMs, A11Y and Placeholders

SVG Marching Ants

Don’t Use The Placeholder Attribute

Alternatives to Placeholder Text

Need front-end development training?