20 fantastiline jQuery veebitüübi plugin
Viimastel aastatel on veebitüpograafia läinud piinlikkusest uhkuseni. CSS-ist JavaScripti saame peaaegu iga päev suurepäraseid tööriistu, mis aitavad meil rakendada vinge tüüpi.
Täna vaatame parimaid jQuery pluginaid, mis on spetsiaalselt loodud veebitüübi ägedamaks muutmiseks. Laadige alla mõned ja viige oma tüüp edasi.
Tutvuge disainiressurssidega
Tüpograafiliste mõõtmetega manipuleerimine
FitText - pistikprogramm veebitüübi täispuhumiseks
FitText võimaldab teksti hõlpsalt ja automaatselt venitada emamahuti suurusele.
HATCHSHOW: jQuery plugin tasakaalustusmeetmete jaoks
Hatchshow võimaldab teil luua teksti veerge ühtlase mõõtmega, nii et tunnete seda kõva serva, muutuva teksti suurusega tunnet (tõesti populaarne efekt).
slabText - jQuery plugin reageerivate pealkirjade loomiseks
Järjekordne plugin, mis joondab teie eraldi ridade mõõtmed. Tore selle juures on see, et read muutuvad vaateakna suuruse muutmisel tõesti kenasti.
Vastuvõtlik-mõõt
See pistikprogramm ei ole mõeldud loominguliste pealkirjade tegemiseks, selle asemel arvestab see teie tüübiga mõnda muutujat ja loob teie lõikudele ideaalse ja reageeriva mõõtme. See sobib suurepäraselt, kui tüüp on tundlikul kujundusel hästi loetav.
BigText
BigText arvutab fondi suuruse ja sõnade vahekauguse, mis on vajalik tekstirea vastavusse viimiseks konkreetse laiusega. Siin on lahe võlur, kellega mängida.
Kerning
Kerning.js
See teeb täpselt nii, nagu see kõlab: aitab teil oma veebitüüpi kerkida. Veebidisainerid jätavad tavaliselt jäljendamise vahele, kuna see on nii keeruline ja räpane, mis muudab selle protsessi lihtsaks.
TypeButter: optiline välgutamine FTW!
Selle asemel, et käsitsi tutistada iga tähega kergust, saate TypeButteriga seadistada optilise kerneli, mis teeb teie heaks tööd. Võite kasutada ühte pakutavatest fondi seadistustest või rullida oma.
jKerny.js, jQuery plugin kerningu kergendamiseks
jKerny rakendab uusi CSS-i pseudovalijaid tähtede vahe, sõnade vahe, esitähe, viimase tähe ja muu jaoks.
Mähkimine
Peekon
Teksti mähkimine äärmusesse. Peekon võimaldab teil mähkida teksti ümber bezier-kõvera või joone. See on tegelikult üsna muljetavaldav ja võib luua tõesti keerukaid mähiseid.
jQSlickWrap - teksti jõhker mähistamine jQuery jaoks
JQSlickWrap aitab teil teksti ümbritseda pildi ümber, hoolimata sellest, kui keeruline see on. Näpistate lihtsalt mõned seaded üle ja ülejäänud eest hoolitsetakse automaatselt.
Vertikaalse rütmi ja lähtejoone ruudustik
jMetronoom: jQuery kasutamine tüpograafilise rütmi hoidmiseks
See skript aitab teil säilitada tüpograafia vertikaalset rütmi, lisades polstrid erinevatele mittetekstilistele elementidele, tagamaks, et selle kogukõrgus on dokumendi kogu reakõrguse kordne.
SimonFairbairn / Line-In-Typography
See pistikprogramm kuvab jooni vastavalt teie teema rea kõrgusele, nii et saate vertikaalse rütmi õigesti seadistada ja kogu tüpograafia joondada lähtejoonele.
Automaatne reakõrgus: jQuery plugin paindlike paigutuste jaoks
Automaatne reakõrgus reguleerib konteineri reakõrgust (näiteks div) vastavalt selle laiusele ja fondi suurusele. Veel üks suurepärane tööriist reageeriva tüübi jaoks.
Superpraktiline
Lettering.js - jQuery pistikprogramm radikaalse veebitüpograafia jaoks
Lettering.js annab teile selle, mida CSS ei anna: vabadus sihtida iga tähte eraldi. See avab igasuguseid hämmastavaid võimalusi ühe tähe alusel loominguliseks kujundamiseks.
KarlRoos / jQuery.responsiveText
Ühendage ja mängige tundlikku teksti. Sihtke lihtsalt konteiner või kogu leht ja skript teeb ülejäänu!
Lahedad ja hullumeelsed efektid
jqIsoText: jQuery tekstiefekti plugin
Pentsik teksti plugin, mis manipuleerib üksikute tähtede suurusega, et luua ainulaadne efekt.
Arctext.js - teksti kõverdamine CSS3 ja jQuery abil
Kaarekujuliste tekstiridade loomine on reaalajas veebitüübiga töötades üsna keeruline. See pistikprogramm muudab selle palju lihtsamaks ja võib isegi aidata teil muutust animeerida.
Tekstualiseerija
Tekstualiseerija loob loova ülemineku ühest lõigust teise. Üleminek on omamoodi segane, segatud efekt, mis haarab teie tähelepanu.
Juhuslike tähtede efekt: jQuery plugin
See pistikprogramm annab teile animatsiooni, mis läbib hunniku juhuslikke tähti, enne kui maandub trükitud tekstiosale. Kena ja huvitav viis pealkirja tutvustamiseks.
TextGrad
TextGrad loob gradiendi ja sirutab selle üle terve rea teksti. Lihtne ja tõhus!
Mida ma igatsesin?
Need kakskümmend jQuery pistikprogrammi esindavad parimaid tüpograafia tööriistu, mida ma leidsin. Olen kindel, et seal on veel tonni rohkem, nii et jätke mulle allpool kommentaar ja andke mulle teada, mis mul puudu jäi!
