HTML5 and CSS3 have taken shape and are being put to use everyday. What does this mean for you and how do you know if you are leveraging them correctly? Shay Howe, user interface engineer at Groupon, will break down HTML5 and CSS3 showing you how to build a better user interface and improve the over all user experience. New HTML5 input types and CSS3 rounded corners are just the begging, learn what else can help bring your website to the next level.
6. TOOLTIP MARKUP
<p>
Beginning of a general paragraph of text...
<b class="tooltip">
tooltip to rollover
<span>
Text to be displayed within the tooltip.
</span>
</b>
...ending of the paragraph.
</p>
@shayhoweUI Design with HTML5 & CSS3
26. DOWNLOAD ATTRIBUTE SUPPORT
li a[href$=".pdf"][download]:not([download=""]):after,
li a[href$=".doc"][download]:not([download=""]):after,
li a[href$=".jpg"][download]:not([download=""]):after,
li a[href$=".mp3"][download]:not([download=""]):after,
li a[href$=".mp4"][download]:not([download=""]):after {
content: " (" attr(download) ")";
}
@shayhoweUI Design with HTML5 & CSS3