Tooltips är en roligare variant av länktitlar (eller titelattribut som de egentligen heter) eftersom du kan styla dem som du vill. Länktitlar är det ju annars din webbläsare som bestämmer utseendet på.
Sedan css3 går tooltips fint att göra utan javascript. Jag hittade den här kodstumpen som jag har modifierat med en extra transition på opacity för att få övergången vid hovring mjukare. Hovra härCoolt va? så ser du hur tooltipsen ser ut. Till en början sitter den nya koden på den här sidan vid de sociala medielänkarna högst upp.
Fler tooltips
Har nu även lagt tooltipsen på back-to-top-länkarna på tjänstesidan. Det förbättrar navigeringen något eftersom användaren inte annars får någon vägledning om vad som händer när länken klickas. Dubbelpilarna indikerar det visserligen men nu är det ingen tvekan. Var tvungen att minska bredden något med en ny class. Elementet ovanför (den grå containern som a-taggen ligger i) har property/value overflow:hidden; vilket kapade av den tidigare större bredden. I mobilt läge är back-to-top-länkarna borttagna.
(Det här blogginlägget har lästs 34606 gånger.)
