Search⌘ K

Examining the Important Features

Explore how to scope and analyze tooltip features using JavaScript and CSS. Understand how to work with the Selection API to detect highlighted text, test assumptions, and approach positioning challenges to create functional tooltips.

Determining scope

We’ll begin by scoping the work ahead. It’s an imperfect process, and something will almost always be missed. It’s important that as we’re designing our solution, we can ask ourselves whether it’ll work for x, y, and z. If you have an example you’re building off of, play around with it and try to break it or see how it behaves given a variety of user interactions. To move past this stage, you shouldn’t have an unanswered, “how do they do that?” You don’t have to know how it is implemented, but you should know a way to implement it.

...