Due plugin per creare tooltip in jQuery

Martedì 20 Settembre 2011 - 10:44

di Kiko

ScriptingWeb Design

Oggi è sempre più importante e decisivo offrire agli utenti un’esperienza di navigazione eccellente. Tale esperienza la si può realizzare per mezzo di diverse scelte di design e funzionali. Fra le prime includiamo pure i tooltip, uno dei più classici elementi di un’interfaccia grafica.

In questo articolo vi offriamo due spunti interessanti. Entrambi utilizzano jQuery come libreria JavaScript.

Il primo è un plugin molto leggero: si chiama TinyTips ed è alla sua versione 1.1.

È semplice da usare ed è completamente personalizzabile nella resa grafica (si può modificare il foglio di stile allegato o sovrascriverne le regole), adatto quindi a ogni tipo di uso. Qui una demo.

Il secondo, Tipped, è invece un progetto un po’ più complesso e di buona qualità. Sfrutta i canvas di HTML5 per creare una grafica che, quindi, può essere variata a seconda del gusto dello sviluppatore, a fronte di nessun tipo di rallentamento. Moltissime le opzioni già incluse nel plugin: ben 9 stili grafici differenti da usare sin da subito e 8 tipi di posizionamento dei tooltip. Per la documentazione ufficiale è possibile consultare questa pagina.

Tags:

Categoria: Scripting, Web Design | Permalink

Commenti

1

occhio alla licenza di Tipped: richiede un pagamento (seppur minimo) anche per uso non commerciale

# - postato da Xinod - 20 Settembre 2011 - 11:19

2

Sì @Xinod, ma si tratta di 3 euro per un dominio di 15 euro per sempre. O di prendere spunto e crearti la tua versione free. Mi sembrava utile segnalarla proprio per l’implementazione molto buona.

# - postato da Kiko - 20 Settembre 2011 - 11:42

3

si’ si’, non era un appunto :)
e’ uno script sicuramente molto interessante

# - postato da Xinod - 20 Settembre 2011 - 23:57

4

@Xinod no no, perfetto, perché mi ero dimenticato di farlo notare: generalmente mi occupo solo di open source e di free-license, quindi quando tratto altre cosette, non libere, dovrei marcarlo!

# - postato da Kiko - 21 Settembre 2011 - 09:20

Inserisci il tuo commento:





(puoi usare i seguenti tag HTML per formattare il testo -
a href, b, i, br/, p, strong, em, ul, ol, li, blockquote, pre):

 

Anteprima del commento