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!

© Copyright 2024 | computer06.com