Effetti isometrici sul testo con jQuery

Giovedì 11 Marzo 2010 - 07:44

di Kiko

Scripting

Gli effetti isometrici sono spesso utilizzati nella tipografia cartacea e permettono di modificare la struttura (altezza e larghezza, per esempio) dei font.

Una loro replica su un comune testo in una pagina web deve passare per forza di cose dall’uso di immagini. In rete ho scoperto un utilissimo plugin implementato in jQuery che con una sola riga di codice permette di ottenere degli effetti davvero interessanti. Qui c’è l’articolo che ne descrive il semplicissimo utilizzo, mentre qui potete apprezzare una demo del plugin.

Tags:

Categoria: Scripting | Permalink

Commenti

1

Una loro replica su un comune testo in una pagina web deve passare per forza di cose dall’uso di immagini.

E perché? Potrei benissimo creare l’effetto anche a mano inserendo ogni lettera all’interno di un tag span con la proprietà font-size regolata ad hoc.

# - postato da Daniele De Nobili - 11 Marzo 2010 - 11:36

2

interessante perché in pochisismo codice…

io avevo piegato allo scopo uno scriptino che creava effetti isocromici raggruppando ogni font in uno span con style color degradante… ma c’era molto codice… qui è davvero breve…

# - postato da EsseZeta - 11 Marzo 2010 - 11:52

3

@Daniele

hai ragione, ma è un massacro. Dovresti prevedere tante classi per quanti span (o classi di span) in uso! E poi dovresti passare da javascript, no? Oppure scrivere tutto a mano! Beh, qui scrivi una riga di codice, punto e basta!

# - postato da Kiko - 11 Marzo 2010 - 13:03

4

@EsseZeta

interessante anche questa soluzione. Chi vuole può estendere il codice e non è complicato!

# - postato da Kiko - 11 Marzo 2010 - 13:03

5

Semplice ed effetto da rimanere a bocca aperta.
Quante cose che una volta erano impossibili ora si fanno con una semplicità inaudita

# - postato da yesWEBcan - 11 Marzo 2010 - 23:52

6

E che dire allora di jOla?

# - postato da Senamion - 12 Marzo 2010 - 20:36

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