Negli ultimi anni, la tipografia web è passata da un imbarazzo ad un punto di orgoglio. Da CSS a JavaScript, stiamo ottenendo ottimi strumenti quasi ogni giorno che ci aiutano a implementare un tipo fantastico.
Oggi esamineremo i migliori plug-in di jQuery creati appositamente per rendere il web più fantastico. Scarica alcuni e prendi il tuo tipo più lontano.
Manipolazione delle misure tipografiche
FitText - Un plugin per gonfiare il tipo di web
FitText ti consente di estendere facilmente e automaticamente una porzione di testo alla dimensione del suo contenitore genitore.
HATCHSHOW: un plugin jQuery per misure di bilanciamento
Hatchshow ti consente di creare colonne di testo con una misura uniforme in modo da ottenere quel tocco di dimensione del testo variabile (un effetto molto popolare).
slabText - un plugin jQuery per la creazione di titoli reattivi
Ancora un altro plugin che allinea le misure per le tue linee separate. La cosa bella di questo è che le linee si riflettono molto bene mentre ridimensionate il viewport.
Responsive-Measure
Questo plugin non riguarda la creazione di titoli creativi, ma considera alcune variabili sul tuo tipo e genera una misura ideale e reattiva per i tuoi paragrafi. Questo è ottimo per mantenere il tipo altamente leggibile nel design reattivo.
bigText
BigText calcola la dimensione del carattere e la spaziatura delle parole necessarie per abbinare una linea di testo a una larghezza specifica. C'è un mago fantastico con cui giocare qui.
crenatura
Kerning.js
Questo fa esattamente quello che sembra: ti aiuta ad amare il tuo tipo di web. I web designer di solito saltano sul kerning perché è così complicato e disordinato, questo rende il processo facile.
TypeButter: Optical Kerning FTW!
Invece di modificare manualmente la crenatura per ogni lettera, con TypeButter puoi impostare la crenatura ottica che fa il lavoro per te. È possibile utilizzare uno dei setup di font forniti o eseguire il rollover.
jKerny.js, plugin jQuery per rendere facile il kerning
jKerny implementa nuovi pseudo-selettori CSS per spaziatura delle lettere, spaziatura delle parole, prima lettera, ultima lettera e altro.
involucro
Bacon
Text wrapping all'estremo. Bacon ti permette di avvolgere il testo attorno a una curva più bezier o una linea. In realtà è piuttosto impressionante e può creare degli involucri davvero complessi.
jQSlickWrap - Wrap di testo scorrevole per jQuery
JQSlickWrap ti aiuta a avvolgere il tuo testo intorno a un'immagine, non importa quanto sia complessa. Semplicemente modifichi alcune impostazioni e il resto viene gestito automaticamente.
Griglie verticali di ritmo e linea di base
jMetronome: uso di jQuery per mantenere il ritmo tipografico
Questo script ti aiuta a mantenere un ritmo verticale per la tua tipografia aggiungendo il riempimento a vari elementi non di testo per assicurarti che l'altezza totale sia un multiplo dell'altezza della linea complessiva del documento.
SimonFairbairn / Line-In-Tipografia
Questo plug-in visualizza le linee in base all'altezza della linea del tema in modo da poter impostare correttamente il ritmo verticale e allineare tutta la tipografia a una griglia di riferimento.
Auto line-height: un plugin jQuery per layout flessibili
L'altezza automatica della linea regola l'altezza della linea di un contenitore (come un div) in proporzione alla sua larghezza, in relazione alla dimensione del carattere. Un altro ottimo strumento per aiutare con il tipo reattivo.
Super pratico
Lettering.js - Un plugin jQuery per la tipografia del web radicale
Lettering.js ti offre ciò che il CSS non ha: la libertà di indirizzare ogni singola lettera individualmente. Questo apre a tutti i tipi di incredibili possibilità per uno stile creativo su base letterale.
KarlRoos / jQuery.responsiveText
Plug and play testo reattivo. Basta scegliere come target un container o l'intera pagina e lo script farà il resto!
Effetti freddi e folli
jqIsoText: jQuery Plugin effetti di testo
Un plug-in di testo stravagante che manipola le dimensioni delle singole lettere per creare un effetto unico.
Arctext.js - Curva il testo con CSS3 e jQuery
Creare linee di testo curve è piuttosto difficile quando lavori con un tipo di web in diretta. Questo plugin lo rende molto più semplice e può persino aiutarti ad animare il cambiamento.
Textualizer
Textualizer crea una transizione creativa da un paragrafo all'altro. La transizione è una sorta di effetto confuso e confuso che attira la tua attenzione.
Shuffle Letters Effect: un plugin jQuery
Questo plugin ti dà un'animazione che scorre attraverso un gruppo di lettere casuali prima di atterrare sulla porzione di testo che hai digitato. Un modo simpatico e interessante per introdurre un titolo.
TextGrad
TextGrad crea una sfumatura e la estende su una riga di testo. Semplice ed efficace!
Cosa mi sono perso?
Questi venti plugin jQuery rappresentano i migliori strumenti di tipografia che sono riuscito a trovare. Sono sicuro che ce ne sono ancora un sacco là fuori, quindi lasciatemi un commento qui sotto e fammi sapere cosa mi è mancato!