Providing supplementary information about potentially complex elements of a user interface is a central part of any website designer or developer’s workflow in creating usable and accessible websites.

One of the most common mechanisms for providing extra details beyond what you can see on the page is the tooltip (a design pattern for showing tips about a particular element on a screen).

While many innovative solutions exist using CSS and JavaScript (with and without JavaScript frameworks like jQuery), it’s sometimes useful to look towards new technologies to examine the impact they may have on our current techniques.

Thus, this tutorial: Sexy Tooltips with Just CSS is going to show how using the evolving CSS standard to enhance some lovely cross-browser tooltips.


Published under: Tooltips | License Free

blog comments powered by Disqus