Vai al contenuto

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/

Scritto da jqueryitalia

Sito WEB: https://www.jqueryitalia.org

Contenuto non disponibile.
Per visualizzarlo, devi acconsentire all'utilizzo dei cookies cliccando su "ACCONSENTO" nel banner sottostante.

Questo sito utilizza i cookies, anche di terze parti: se chiudi questo banner, scorri la pagina o continui con la navigazione, tu ACCONSENTI all'utilizzo dei cookies. MAGGIORI INFORMAZIONI

Questo sito utilizza i cookie per fonire la migliore esperienza di navigazione possibile. Continuando a utilizzare questo sito senza modificare le impostazioni dei cookie o clicchi su "Accetta" permetti al loro utilizzo.

Chiudi