20 Fantastische jQuery-Webtyp-Plugins
In den letzten Jahren hat sich die Web-Typografie von einer Verlegenheit zu einem Punkt des Stolzes entwickelt. Von CSS bis JavaScript erhalten wir fast täglich großartige Tools, mit denen wir großartige Typen implementieren können.
Heute schauen wir uns die besten jQuery-Plugins an, die speziell entwickelt wurden, um den Web-Typ noch besser zu machen. Laden Sie einige herunter und geben Sie Ihren Typ weiter.
Entdecken Sie Designressourcen
Manipulation typografischer Maßnahmen
FitText - Ein Plugin zum Aufblasen des Web-Typs
Mit FitText können Sie ein Textstück einfach und automatisch auf die Größe des übergeordneten Containers strecken.
HATCHSHOW: Ein jQuery-Plugin für Ausgleichsmaßnahmen
Mit Hatchshow können Sie Textspalten mit einem einheitlichen Maß erstellen, sodass Sie ein Gefühl von harter Kante und variabler Textgröße erhalten (ein sehr beliebter Effekt).
slabText - ein jQuery-Plugin zum Erstellen reaktionsschneller Überschriften
Noch ein Plugin, das die Maßnahmen für Ihre separaten Zeilen auflistet. Das Schöne an diesem ist, dass die Linien wirklich gut fließen, wenn Sie die Größe des Ansichtsfensters ändern.
Reaktionsmaßnahme
In diesem Plugin geht es nicht darum, kreative Überschriften zu machen, sondern es berücksichtigt einige Variablen zu Ihrem Typ und generiert eine ideale und reaktionsschnelle Kennzahl für Ihre Absätze. Dies ist ideal, um den Typ im reaktionsschnellen Design gut lesbar zu halten.
BigText
BigText berechnet die Schriftgröße und den Wortabstand, die erforderlich sind, um eine Textzeile an eine bestimmte Breite anzupassen. Hier gibt es einen coolen Zauberer zum Spielen.
Kerning
Kerning.js
Dies macht genau das, wonach es sich anhört: Es hilft Ihnen, Ihren Webtyp zu erkennen. Webdesigner verzichten normalerweise auf Kerning, weil es so kompliziert und chaotisch ist, dass der Prozess so einfach ist.
TypeButter: Optisches Kerning FTW!
Anstatt den Kerning für jeden Buchstaben manuell zu optimieren, können Sie mit TypeButter einen optischen Kerning einrichten, der die Arbeit für Sie erledigt. Sie können eines der bereitgestellten Schriftarten-Setups verwenden oder Ihre eigenen rollen.
jKerny.js, jQuery-Plugin, um das Kerning zu vereinfachen
jKerny implementiert neue CSS-Pseudo-Selektoren für Buchstabenabstand, Wortabstand, ersten Buchstaben, letzten Buchstaben und mehr.
Verpackung
Speck
Textumbruch bis zum Äußersten. Mit Bacon können Sie Text um eine Bezierkurve oder eine Linie wickeln. Es ist eigentlich ziemlich beeindruckend und kann einige wirklich komplexe Wraps erstellen.
jQSlickWrap - Slick-Textumbruch für jQuery
Mit JQSlickWrap können Sie Ihren Text um ein Bild wickeln, egal wie komplex es ist. Sie ändern einfach einige Einstellungen und der Rest wird automatisch erledigt.
Vertikale Rhythmus- und Grundliniengitter
jMetronom: Verwenden von jQuery, um den typografischen Rhythmus beizubehalten
Mit diesem Skript können Sie einen vertikalen Rhythmus für Ihre Typografie beibehalten, indem Sie verschiedenen Nicht-Text-Elementen Auffüllungen hinzufügen, um sicherzustellen, dass die Gesamthöhe ein Vielfaches der gesamten Zeilenhöhe des Dokuments beträgt.
SimonFairbairn / Line-In-Typografie
Dieses Plugin zeigt Linien basierend auf der Linienhöhe Ihres Themas an, sodass Sie Ihren vertikalen Rhythmus korrekt einstellen und Ihre gesamte Typografie in einem Grundlinienraster ausrichten können.
Automatische Zeilenhöhe: Ein jQuery-Plugin für flexible Layouts
Die automatische Zeilenhöhe passt die Zeilenhöhe eines Containers (z. B. eines Div) proportional zu seiner Breite im Verhältnis zur Schriftgröße an. Ein weiteres großartiges Tool, um beim reaktionsschnellen Typ zu helfen.
Super praktisch
Lettering.js - Ein jQuery-Plugin für radikale Web-Typografie
Lettering.js bietet Ihnen das, was CSS nicht bietet: die Freiheit, jeden einzelnen Buchstaben einzeln auszurichten. Dies eröffnet alle Arten von erstaunlichen Möglichkeiten für kreatives Styling pro Buchstabe.
KarlRoos / jQuery.responsiveText
Plug-and-Play-Text. Zielen Sie einfach auf einen Container oder die gesamte Seite und das Skript erledigt den Rest!
Coole & verrückte Effekte
jqIsoText: jQuery Text Effect Plugin
Ein eigenartiges Text-Plugin, das die Größe einzelner Buchstaben ändert, um einen einzigartigen Effekt zu erzielen.
Arctext.js - Kurven mit CSS3 und jQuery
Das Erstellen gekrümmter Textzeilen ist ziemlich schwierig, wenn Sie mit Live-Web-Typen arbeiten. Dieses Plugin macht es viel einfacher und kann Ihnen sogar helfen, die Änderung zu animieren.
Textualizer
Textualizer erstellt einen kreativen Übergang von einem Absatz zum anderen. Der Übergang ist eine Art durcheinandergebrachter, durcheinandergebrachter Effekt, der Ihre Aufmerksamkeit auf sich zieht.
Shuffle Letters-Effekt: Ein jQuery-Plugin
Dieses Plugin bietet Ihnen eine Animation, die eine Reihe von zufälligen Buchstaben durchläuft, bevor Sie auf dem eingegebenen Text landen. Eine schöne und interessante Möglichkeit, eine Überschrift einzuführen.
TextGrad
TextGrad erstellt einen Verlauf und streckt ihn über eine Textzeile. Einfach und effektiv!
Was habe ich verpasst?
Diese zwanzig jQuery-Plugins stellen die besten Typografie-Tools dar, die ich finden konnte. Ich bin mir sicher, dass es eine Menge mehr gibt, also hinterlasse mir unten einen Kommentar und lass mich wissen, was ich verpasst habe!
