20 Fantastické pluginy typu jQuery Web
V posledních letech se typografie webu změnila z rozpaků do bodu hrdosti. Od CSS po JavaScript získáváme téměř denně skvělé nástroje, které nám pomáhají implementovat úžasný typ.
Dnes se podíváme na nejlepší jQuery pluginy v okolí, které jsou speciálně vytvořeny tak, aby byl webový typ ještě úžasnější. Stáhněte si několik a vezměte si svůj typ dále.
Prozkoumejte zdroje návrhu
Manipulace typografických opatření
FitText - plugin pro nafouknutí typu webu
FitText umožňuje snadno a automaticky roztáhnout část textu na velikost jeho nadřazeného kontejneru.
HATCHSHOW: jQuery plugin pro vyvažovací opatření
Hatchshow vám umožňuje vytvářet sloupce textu s jednotným měřítkem, takže získáte pocit, že je to tvrdá hrana, variabilní velikost textu (opravdu populární efekt).
slabText - jQuery plugin pro vytváření responzivních titulků
Ještě jeden plugin, který stanoví opatření pro vaše samostatné řádky. Pěkná věc na tomhle je, že čáry se přeplňují opravdu pěkně, když měníte velikost výřezu.
Reaktivní měření
Tento plugin není o vytváření kreativních titulků, místo toho zvažuje několik proměnných o vašem typu a vytváří ideální a citlivé opatření pro vaše odstavce. To je skvělé pro udržení velmi čitelného typu v responzivním designu.
BigText
BigText spočítá velikost písma a mezery mezi slovy, které jsou potřebné pro přizpůsobení řádku textu ke specifické šířce. Je tu skvělý průvodce, se kterým si můžete hrát.
Kerning
Kerning.js
To přesně dělá, jak to vypadá: pomůže vám vyladit typ vašeho webu. Weboví návrháři obvykle vynechávají vyrovnání párů, protože je tak komplikovaný a chaotický, takže je tento proces snadný.
TypeButter: Optical Kerning FTW!
Spíše než ručně vyladit vyrovnání párů pro každé písmeno, můžete pomocí TypeButter nastavit optické vyrovnání, které pro vás bude fungovat. Můžete použít jedno z poskytnutých nastavení písma nebo si můžete vytvořit vlastní.
jKerny.js, plugin jQuery, který usnadňuje vyrovnání párů
jKerny implementuje nové pseudo-selektory CSS pro mezery mezi písmeny, mezery mezi slovy, první písmeno, poslední písmeno a další.
Obal
Slanina
Balení textu do extrému. Bacon vám umožňuje zalamovat text kolem bezierovy křivky nebo čáry. Je to vlastně docela působivé a může vytvořit opravdu složité zábaly.
jQSlickWrap - Úhledný text pro jQuery
JQSlickWrap vám pomůže zabalit text kolem obrázku bez ohledu na to, jak složité. Jednoduše vyladíte několik nastavení a zbytek se postará automaticky.
Svislé mřížky rytmu a základní linie
jMetronome: Použití jQuery k udržení typografického rytmu
Tento skript vám pomůže udržovat vertikální rytmus pro vaši typografii přidáním výplně k různým netextovým prvkům, aby se zajistilo, že jeho celková výška bude násobkem celkové výšky řádku dokumentu.
SimonFairbairn / Line-In-Typography
Tento plugin zobrazuje řádky na základě výšky řádků motivu, takže můžete správně nastavit svislý rytmus a zarovnat veškerou typografii na základní mřížku.
Auto line-height: jQuery plugin pro flexibilní rozvržení
Automatická výška řádku upraví výšku řádku kontejneru (například div) v poměru k jeho šířce vzhledem k velikosti písma. Další skvělý nástroj, který vám pomůže s citlivým typem.
Super praktické
Lettering.js - jQuery plugin pro radikální webovou typografii
Lettering.js vám dává to, co CSS ne: svobodu cílit na každé jednotlivé písmeno samostatně. To otevírá všechny druhy úžasných možností pro kreativní styling na základě jednotlivých písmen.
KarlRoos / jQuery.responsiveText
Plug and play responzivní text. Jednoduše zacílíte na kontejner nebo celou stránku a skript udělá zbytek!
Cool & Crazy Effects
jqIsoText: jQuery Text Effect Plugin
Nepředvídatelný textový plugin, který manipuluje s velikostí jednotlivých písmen a vytváří jedinečný efekt.
Arctext.js - Zakřivení textu pomocí CSS3 a jQuery
Vytváření zakřivených řádků textu je při práci s typem živého webu docela obtížné. Tento plugin je mnohem jednodušší a může vám dokonce pomoci oživit změnu.
Textualizer
Textualizer vytváří kreativní přechod z jednoho odstavce do druhého. Přechod je jakýmsi neuspořádaným, smíšeným efektem, který upoutá vaši pozornost.
Efekt Shuffle Letters: jQuery Plugin
Tento plugin vám dává animaci, která cykluje spoustou náhodných písmen, než přistane na textu, který jste zadali. Pěkný a zajímavý způsob, jak představit titulek.
TextGrad
TextGrad vytvoří přechod a roztáhne jej přes řádek textu. Jednoduché a efektivní!
O co jsem přišel?
Těchto dvacet jQuery pluginů představuje nejlepší typografické nástroje, které jsem mohl najít. Jsem si jistý, že tam jsou ještě další tuny, takže mi prosím zanechte komentář níže a dejte mi vědět, co mi chybělo!
