CSS senza immagini per tooltip
Qualche tempo fa, Tantek Celik ha pubblicato uno studio sui poligoni regolari utilizzando un trucco CSS poco conosciuto per creare forme non rettangolari, come triangoli e pentagoni, con niente di più che un elemento HTML ordinario.
Nel design dei tooltip, abbastanza comuni in quasi tutti i siti web attuali, viene utilizzato una piccola immagine triangolare di sfondo per creare abbastanza facilmente il puntatore del tooltip stesso.
Filament Group tuttavia volendo mantenere jQuery UI interamente modificabile con l’utilizzo di temi, ha notato che l’uso di un’immagine a tal fine precluderebbe la flessibilità di jQuery UI stesso.
Come risolvere questo problema senza alcun bisogno di immagini?
Questa sfida ha portato Filament Group al seguente approccio sperimentale utilizzando un CSS ‘poligonale’.
Un ottimo articolo che consiglio a tutti di leggere: Image-free CSS Tooltip Pointers – A Use for Polygonal CSS?