20 fantastici plugin di tipo Web jQuery
Negli ultimi anni, la tipografia web è passata da un imbarazzo a un punto di orgoglio. Da CSS a JavaScript, stiamo ottenendo ottimi strumenti quasi ogni giorno che ci aiutano a implementare tipi fantastici.
Oggi esamineremo i migliori plug-in jQuery appositamente creati per rendere il tipo di Web più fantastico. Scarica alcuni e porta avanti il tuo tipo.
Esplora risorse di progettazione
Manipolazione di misure tipografiche
FitText - Un plugin per gonfiare il tipo di web
FitText ti consente di estendere facilmente e automaticamente un pezzo di testo alle dimensioni del suo contenitore principale.
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 duro, una dimensione del testo variabile (un effetto davvero popolare).
slabText - un plugin jQuery per la creazione di titoli responsive
Ancora un altro plugin che allinea le misure per le tue linee separate. La cosa bella di questo è che le linee si ridistribuiscono davvero bene quando ridimensionate il viewport.
Responsive-Measure
Questo plugin non riguarda la creazione di titoli creativi, ma considera alcune variabili del 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 far corrispondere una riga 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 a crenare il tuo tipo di web. I web designer in genere saltano fuori dalla crenatura perché è così complicato e disordinato, questo rende il processo facile.
TypeButter: Crenatura ottica 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 una delle configurazioni dei caratteri fornite o crearne una propria.
jKerny.js, plugin jQuery per semplificare la crenatura
jKerny implementa nuovi pseudo-selettori CSS per spaziatura tra lettere, spaziatura tra parole, prima lettera, ultima lettera e altro.
involucro
Bacon
Spostamento del testo 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 alcuni involucri davvero complessi.
jQSlickWrap - A capo automatico di testo per jQuery
JQSlickWrap ti aiuta a avvolgere il testo attorno a un'immagine, non importa quanto sia complessa. Basta modificare alcune impostazioni e il resto viene curato automaticamente.
Ritmo verticale e griglie di base
jMetronome: utilizzo di jQuery per mantenere il ritmo tipografico
Questo script ti aiuta a mantenere un ritmo verticale per la tua tipografia aggiungendo un'imbottitura a vari elementi non testuali per garantire che la sua 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 base.
Auto line-height: un plugin jQuery per layout flessibili
L'altezza della linea automatica regola l'altezza della linea di un contenitore (come un div) in proporzione alla sua larghezza, rispetto alla dimensione del carattere. Un altro ottimo strumento per aiutare con il tipo reattivo.
Super pratico
Lettering.js - Un plugin jQuery per la tipografia web radicale
Lettering.js ti offre ciò che CSS non: la libertà di scegliere come target ogni singola lettera. Questo apre tutti i tipi di incredibili possibilità per uno stile creativo su una base per lettera.
KarlRoos / jQuery.responsiveText
Plug and play testo reattivo. Scegli come target un contenitore o l'intera pagina e lo script farà il resto!
Effetti fantastici e folli
jqIsoText: plugin per effetti di testo jQuery
Un bizzarro plug-in di testo che modifica le dimensioni delle singole lettere per creare un effetto unico.
Arctext.js - Curvare il testo con CSS3 e jQuery
La creazione di linee curve di testo è piuttosto difficile quando si lavora con il tipo di web live. Questo plugin lo rende molto più semplice e può persino aiutarti ad animare la modifica.
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 offre un'animazione che scorre attraverso un gruppo di lettere casuali prima di approdare sul pezzo di testo che hai digitato. Un modo piacevole e interessante per introdurre un titolo.
TextGrad
TextGrad crea un gradiente e lo estende su una riga di testo. Semplice ed efficace!
Cosa mi sono perso?
Questi venti plugin jQuery rappresentano i migliori strumenti tipografici che ho potuto trovare. Sono sicuro che ce ne sono molti altri là fuori, quindi lasciami un commento qui sotto e fammi sapere cosa mi sono perso!
