Come dare uno “stile” al proprio sito
La “Web Typography” sta esplodendo in tutto il web. In molti vorremmo dare uno stile a singole lettere, ma abbiamo bisogno di un sistema che mantenga il nostro codice il più pulito possibile e che sia abbastanza agile per non impazzire se è necessario effettuare delle modifiche o dei cambiamenti al testo.
La soluzione è stata quella di utilizzare la potenza di javascript ed inserire alcuni tag semplici e facilmente memorizzabili. Così è nato il plugin jQuery Lettering.JS.
Abbiamo trovato che questa è una soluzione piuttosto veloce ed elegante, per creare poster tipografici CSS3. E’ anche un’ottima soluzione per poter personalizzare gli header delle pagine, pur mantenendo il testo selezionabile.
Bisogna comunque fare attenzione ed utilizzarlo con parsimonia. Probabilmente infatti potrebbe far crashare il browser nel caso si tentasse di “avvolgere” in un tag ogni lettera sulla pagina: vi consigliamo quindi di non farlo!
Anche nel caso di utenti con javascript disabilitati comunque il testo risulterà sempre leggibile sullo schermo.
Tutti i modelli di prestazione Web consigliamo di inserire javascript in fondo alla pagina prima del tag “body”. In questo caso vi potrebbero essere delle complicazioni nel manipolare il testo dopo che il DOM è stato caricato. Quindi, la soluzione migliore è quella di caricare Lettering.JS nel “head” della pagina.
[Download non trovato]
Sito autore e demo: http://daverupert.com/2010/09/lettering-js/