Long Hover
I had a very embarrassing CSS moment the other day.
I was working on the front-end code of a design that had a narrow sidebar of icons. There isn’t enough room there to show text of what the icons are, …
Chris Coyier
on
Articles Tagged
tooltip
6 Articles
Exploring What the Details and Summary Elements Can Do
We’ve mentioned before just how great the <details> and <summary> elements are. They’re great for quickly making accordions that are accessible to touch, mouse, and keyboard input:
<details> and <summary> can even be used to play/pause gifs…
Robin Rendle
on
Reusable Popovers to Add a Little Pop
A popover is a transient view that shows up on top of a content on the screen when a user clicks on a control button or within a defined area. For example, clicking on an info icon on a specific …
Revisiting the abbr element
An irresistible HTML element deep dive from Ire Aderinokun, this time on the <abbr title=""></abbr> element for abbreviations. You can kinda just use it (JUI) and it works fine, but if you’re hoping to make a tooltip for …
Shared by
Chris Coyier
on
Popper.js
Speaking of tricky things to get right: tooltips!
Tooltips need to be particularly self-aware, so they don’t stick out someplace where they can’t be read. Then continue to be smart as the page state changes, like is resized or scrolled. …
Shared by
Chris Coyier
on
Collision Detection
I posted about jQuery UI’s position feature years ago, but I was just thinking of how useful the collision detection part of that feature is. In a nutshell: you can position an element where you want them to go, …
Chris Coyier
on
Our Learning Partner
Frontend Masters
