O'Reilly logo

Apps For All: Coding Accessible Web Applications by Heydon Pickering, Smashing Magazine

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Chapter 5: Peekaboo

peekaboo (noun) a game for amusing a baby by repeatedly hiding one’s face or body and popping back into view exclaiming ‘Peekaboo!’— Merriam-Webster definition1

Looking at JavaScript-driven web interfaces, by far the most common interaction style is based on showing stuff or hiding it or… oh, that’s pretty much it. Strip away the idiosyncratic design, the transition type, scaling, and all the other nuances and — underneath — you’re left with one of:

A thing appearing.

More than one thing appearing.

Something(s) appearing and something(s) disappearing at the same time.

What about some examples?

Reveal your site navigation: “Peekaboo!”

Reveal a dropdown submenu: “Peekaboo!”

Expand a definition item: “Peekaboo!”

Switch tabs in a ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required