20 Fantastische jQuery-webplug-ins
De afgelopen jaren is webtypografie van verlegenheid veranderd in een punt van trots. Van CSS tot JavaScript, we krijgen bijna dagelijks geweldige tools waarmee we een geweldig type kunnen implementeren.
Vandaag gaan we kijken naar de beste jQuery-plug-ins die speciaal zijn gebouwd om het webtype geweldiger te maken. Download er een paar en ga verder met uw type.
Ontdek ontwerpbronnen
Typografische meetmanipulatie
FitText - Een plug-in voor het oppompen van webtype
Met FitText kunt u eenvoudig en automatisch een stuk tekst uitrekken tot de grootte van de bovenliggende container.
HATCHSHOW: een jQuery-plug-in voor evenwichtsmaatregelen
Met Hatchshow kunt u tekstkolommen maken met een uniforme maat, zodat u dat gevoel van harde rand, variabele tekstgrootte krijgt (een echt populair effect).
slabText - een jQuery-plug-in voor het maken van responsieve koppen
Nog een andere plug-in die de maatregelen voor uw afzonderlijke regels op een rij zet. Het leuke aan deze is dat de lijnen heel mooi vloeien als je de viewport verkleint.
Responsieve maatregel
Deze plug-in gaat niet over het maken van creatieve koppen, maar overweegt een paar variabelen over uw type en genereert een ideale en responsieve maatstaf voor uw alinea's. Dit is geweldig om het type goed leesbaar te houden in een responsief ontwerp.
BigText
BigText berekent de lettergrootte en woordafstand die nodig zijn om een tekstregel aan een specifieke breedte aan te passen. Er is hier een coole tovenaar om mee te spelen.
Kerning
Kerning.js
Dit doet precies hoe het klinkt: helpt u bij het kernen van uw webtype. Webontwerpers slaan kerning meestal over omdat het zo ingewikkeld en rommelig is, dit maakt het proces gemakkelijk.
TypeButter: Optical Kerning FTW!
In plaats van de kerning voor elke letter handmatig aan te passen, kunt u met TypeButter optische kerning instellen die het werk voor u doet. U kunt een van de meegeleverde lettertypeconfiguraties gebruiken of uw eigen lettertype gebruiken.
jKerny.js, jQuery-plug-in om kerning gemakkelijk te maken
jKerny implementeert nieuwe CSS pseudo-selectors voor letterafstand, woordafstand, eerste letter, laatste letter en meer.
Verpakken
Spek
Tekstterugloop tot het uiterste. Met spek kun je tekst om een beziercurve of een lijn wikkelen. Het is eigenlijk behoorlijk indrukwekkend en kan een aantal echt complexe wraps creëren.
jQSlickWrap - Gladde tekstterugloop voor jQuery
JQSlickWrap helpt u uw tekst om een afbeelding te laten lopen, hoe complex ook. U past eenvoudig een paar instellingen aan en de rest wordt automatisch afgehandeld.
Verticale ritme- en basislijnrasters
jMetronome: jQuery gebruiken om het typografische ritme te behouden
Dit script helpt u een verticaal ritme te behouden voor uw typografie door opvulling toe te voegen aan verschillende niet-tekstelementen om ervoor te zorgen dat de totale hoogte een veelvoud is van de totale lijnhoogte van het document.
SimonFairbairn / Line-In-Typography
Deze plug-in geeft lijnen weer op basis van de lijnhoogte van uw thema, zodat u uw verticale ritme correct kunt instellen en al uw typografie kunt uitlijnen op een basislijnraster.
Automatische lijnhoogte: een jQuery-plug-in voor flexibele lay-outs
Automatische lijnhoogte past de lijnhoogte van een container (zoals een div) aan in verhouding tot de breedte, in verhouding tot de lettergrootte. Nog een geweldige tool om te helpen met responsief type.
Super praktisch
Lettering.js - Een jQuery-plug-in voor radicale webtypografie
Lettering.js geeft je wat CSS niet doet: de vrijheid om elke letter afzonderlijk te targeten. Dit opent allerlei geweldige mogelijkheden voor creatieve styling per letter.
KarlRoos / jQuery.responsiveText
Plug-and-play responsieve tekst. Target gewoon een container of de hele pagina en het script doet de rest!
Cool & Crazy effecten
jqIsoText: jQuery Text Effect Plugin
Een eigenzinnige tekstplug-in die de grootte van individuele letters manipuleert om een uniek effect te creëren.
Arctext.js - Tekst buigen met CSS3 en jQuery
Het maken van gebogen tekstregels is behoorlijk moeilijk wanneer u met live webtype werkt. Deze plug-in maakt het een stuk eenvoudiger en kan u zelfs helpen de wijziging te animeren.
Textualizer
Textualizer bouwt een creatieve overgang van de ene alinea naar de andere. De overgang is een soort verward, verward effect dat je aandacht trekt.
Shuffle Letters Effect: een jQuery-plug-in
Deze plug-in geeft je een animatie die door een aantal willekeurige letters loopt voordat het op het stuk tekst terechtkomt dat je hebt ingevoerd. Een leuke en interessante manier om een kop te introduceren.
TextGrad
TextGrad maakt een verloop en strekt het uit over een tekstregel. Simpel en effectief!
Wat heb ik gemist?
Deze twintig jQuery-plug-ins vertegenwoordigen de beste typografische tools die ik kon vinden. Ik weet zeker dat er nog veel meer zijn, dus laat hieronder een reactie achter en laat me weten wat ik heb gemist!
