20 fantastiski jQuery tīmekļa veida spraudņi
Pēdējos gados tīmekļa tipogrāfija ir kļuvusi par apmulsumu līdz lepnuma vietai. Sākot no CSS līdz JavaScript, mēs gandrīz katru dienu iegūstam lieliskus rīkus, kas mums palīdz ieviest satriecošo veidu.
Šodien mēs apskatīsim labākos jQuery spraudņus, kas ir īpaši izveidoti, lai padarītu tīmekļa tipu satriecošāku. Lejupielādējiet dažus un paņemiet veidu tālāk.
Izpētiet dizaina resursus
Tipogrāfiskā pasākuma manipulācija
FitText - spraudnis tīmekļa veida palielināšanai
FitText ļauj jums viegli un automātiski izstiept teksta gabalu tā vecāka konteinera lielumā.
HATCHSHOW: jQuery spraudnis līdzsvarošanas pasākumiem
Hatchshow ļauj izveidot teksta slejas ar vienotu izmēru, lai iegūtu tik cieta mala, mainīgs teksta lielums (patiešām populārs efekts).
slabText - jQuery spraudnis atsaucīgu virsrakstu izveidošanai
Vēl viens spraudnis, kas sakārto jūsu atsevišķo līniju izmērus. Patīkami ir tas, ka līnijas mainās patiešām labi, mainot skata lauka izmēru.
Reaģējošs pasākums
Šis spraudnis nav paredzēts radošu virsrakstu veidošanai, tā vietā tiek ņemti vērā daži mainīgie lielumi par jūsu veidu un ģenerēts ideāls un reaģējošs pasākums jūsu rindkopām. Tas ir lieliski piemērots, lai tips būtu viegli lasāms atsaucīgā dizainā.
BigText
BigText aprēķina fonta lielumu un atstarpi no vārdiem, kas nepieciešami, lai teksta rindiņa atbilstu noteiktam platumam. Šeit ir foršs burvis, ar kuru spēlēties.
Kerings
Kerning.js
Tas tiek darīts tieši tā, kā izklausās: palīdz iegūt jūsu tīmekļa veidu. Tīmekļa dizaineri parasti izlaiž izpārdošanu, jo tas ir tik sarežģīti un nekārtīgi, tāpēc procesu padara vieglu.
TypeButter: optiskais Kerning FTW!
Tā vietā, lai manuāli koriģētu katra burta kodolenu, ar TypeButter varat iestatīt optisko kodolenerģiju, kas darbojas jūsu labā. Varat izmantot kādu no norādītajiem fonta iestatījumiem vai izveidot savu.
jKerny.js, jQuery spraudnis, lai atvieglotu kodināšanu
jKerny ievieš jaunus CSS pseido atlasītājus burtu atstatumam, vārdu atstatumam, pirmajam burtam, pēdējam burtam un citam.
Iesaiņošana
Bekons
Teksta ietīšana galējībā. Bekons ļauj apvilkt tekstu ap bezier līkni vai līniju. Tas faktiski ir diezgan iespaidīgs un var radīt dažus patiešām sarežģītus aptinumus.
jQSlickWrap - slidens teksta iesaiņojums jQuery
JQSlickWrap palīdz jums apņemt tekstu ap attēlu neatkarīgi no tā, cik sarežģīts tas ir. Jums vienkārši jāpielāgo daži iestatījumi, un par pārējo rūpējas automātiski.
Vertikāli ritmi un bāzes līnijas režģi
jMetronome: jQuery izmantošana tipogrāfiskā ritma uzturēšanai
Šis skripts palīdz uzturēt tipogrāfijas vertikālo ritmu, pievienojot polsterējumu dažādiem elementiem, kas nav teksts, lai nodrošinātu, ka tā kopējais augstums ir daudzkārtīgs no dokumenta kopējā līnijas augstuma.
SimonFairbairn / Line-In-Typography
Šis spraudnis parāda līnijas, pamatojoties uz motīva līnijas augstumu, lai jūs varētu pareizi iestatīt vertikālo ritmu un sakārtot visu tipogrāfiju bāzes līnijas režģī.
Automātisks līnijas augstums: jQuery spraudnis elastīgiem izkārtojumiem
Automātiskais līnijas augstums pielāgo konteinera līnijas augstumu (piemēram, div) proporcionāli tā platumam un fonta lielumam. Vēl viens lielisks rīks, kas palīdz reaģējošam veidam.
Superpraktiski
Lettering.js - jQuery spraudnis radikālai tīmekļa tipogrāfijai
Lettering.js dod jums to, kas nav CSS: brīvība mērķēt katru burtu atsevišķi. Tas paver visa veida pārsteidzošas iespējas radošam stilam, balstoties uz vienu burtu.
KarlRoos / jQuery.responsiveText
Pievienojiet un atskaņojiet atsaucīgu tekstu. Vienkārši atlasiet konteineru vai visu lapu, un pārējo veiks skripts!
Forši un traki efekti
jqIsoText: jQuery teksta efekta spraudnis
Bezgaisa teksta spraudnis, kas manipulē ar atsevišķu burtu lielumu, lai izveidotu unikālu efektu.
Arctext.js - teksta izliekšana ar CSS3 un jQuery
Izstrādājot izliektu tīmekļa tipu, ir diezgan grūti izveidot izliektas teksta līnijas. Šis spraudnis padara to daudz vieglāku un var pat palīdzēt animēt izmaiņas.
Tekstalizators
Tekstalizators izveido radošu pāreju no vienas rindkopas uz otru. Pāreja ir sava veida sajaukts, sajaukts efekts, kas piesaista jūsu uzmanību.
Burtu jaukšanas efekts: jQuery spraudnis
Šis spraudnis nodrošina animāciju, kas pirms nelaižoties uz teksta, kurā ierakstījāt, iziet cauri nejaušu burtu kopai. Jauks un interesants veids, kā iepazīstināt virsrakstu.
TextGrad
TextGrad izveido gradientu un izstiepj to pa teksta līniju. Vienkārši un efektīvi!
Ko man pietrūka?
Šie divdesmit jQuery spraudņi pārstāv labākos tipogrāfijas rīkus, ko es varēju atrast. Esmu pārliecināts, ka ir vēl vairāk tonnu, tāpēc atstājiet man komentāru zemāk un dariet man zināmu, kas man pietrūka!
