CSS senza immagini per tooltip
Categoria: 
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?
Segnala Errore
Leggi anche...
RSS Feed
Iscriviti per ricevere le ultime news
Social Network
Seguici su Meetups
Sostieni jQuery Italia
Commenti
Tags
WP Cumulus Flash tag cloud by Roy Tanck and Luke Morton requires Flash Player 9 or better.
Sito segnalato su
I Più Scaricati
- gMap ver. 1.0.4 (327 volte)
- Easy Accordion ver. 0.1 (261 volte)
- TinyTips ver. 1.1 (251 volte)
- jQueryUI 1.8 rc1 ver. 1.8 rc1 (235 volte)
- jQuery Digital Clock ver. 2.1.0 (224 volte)
- Form Wizard ver. 2.0.1 (214 volte)
- jQuery File Upload ver. 1.0.0 (209 volte)
Pingback: Trackback by Topsy.com