Vorheriger Artikel Nächster Artikel

3 jQuery Plugins für schönere Typografie

Textgestaltung ist nicht immer ganz einfach beim Designen einer Website. Die in einem Artikel bei Webdesignledger vorgestellten Plugins können dabei sehr nützlich sein. Wir fassen kurz für euch zusammen, was man mit einigen der jQuery Plugins für anfangen kann.

3 jQuery Plugins für schönere Typografie
jQuery Plugins für schönere Typografie

Mit jQuery Text biegen, animieren und betonen

Es gibt eine ganze Menge an jQuery Plugins für Typografie, wenn CSS allein nicht ausreicht und JavaScript bei der Textgestaltung aushelfen soll. In einem Artikel bei Webdesignledger haben wir 3 praktische Typografie-Helfer gefunden, die wir euch bislang noch nicht vorgestellt haben.

1 Arctext.js

Arctext.js hilft dabei, Buchstaben gleichmäßig auf einer Kurve zu verteilen. Es basiert auf Lettering.js, berechnet den gewünschten Drehwinkel für jeden Buchstaben und ordnet dann den Text entlang einem Bogenradius an.

jQuery Plugin Arctext.js

2 Textualizer

Textualizer bietet vier verschiedene Texteffekte, die über die effect Option im Skript eingestellt werden können: fadeIn blendet einen Text ein, slideLeft und slideTop verschieben Text nach links oder oben und random erzeugt eine zufällige Mischung der Texteffekte.

jQuery Plugin Textualizer

3 slabText

slabText ist ein jQuery Plugin um große, responsive Überschriften zu erstellen, die sich somit dynamisch an die Größe des Browserfensters anpassen. Dafür teilt slabText Überschriften in Zeilen ein, um sie dann auf die verfügbare, horizontale Breite zu skalieren.

jQuery Plugin slabText

Weitere hilfreiche jQuery Plugins für schönere Typografie, wie z.B. BigText, jMetronome, Lettering.js, FitText, jQuery Text Resizer und jqIso Text findet ihr mit kurzer Beschreibung in unserer News jQuery-Plugins: 10 Helfer für schönere Schriften.

Kennt ihr noch andere nützliche jQuery Plugins als Typografie-Helfer?

Weiterführende Links:

NEU: Lass dir diesen Artikel vorlesen
Ein Service von t3n, in Kooperation mit Narando.
Vorheriger Artikel Zurück zur Startseite Nächster Artikel
Eine Antwort
  1. von badtwin am 20.06.2012 (16:23 Uhr)

    Wenn es nur eine Überschrift ist, kann man auch Online-Tools wie http://csswarp.eleqtriq.com/ verwenden. So spart man sich einen Request.

    Für mehr als eine Überschrift (pro View) ist das meines Erachtens aber nicht geeignet, da der Code doch ziemlich aufgebläht wird dadurch.

    Antworten Teilen
Deine Meinung

Bitte melde dich an!

Du musst angemeldet sein, um einen Kommentar schreiben zu können.

Jetzt anmelden

Mehr zum Thema jQuery
Die 10 Gebote der Typografie [Infografik]
Die 10 Gebote der Typografie [Infografik]

Typografie ist eine Kunst, die Auswahl und Gestaltung unterliegt aber ein paar festen Regeln. Eine Infografik versucht sie aufzulisten. » weiterlesen

StripJS: Die etwas andere Lightbox-Gallery
StripJS: Die etwas andere Lightbox-Gallery

StripJS ist eine responsive Lightbox-Galerie die nur einen Teil der Website verdeckt. Neben Bildern lassen sich damit auch Videos einbinden. » weiterlesen

Für euer CMS oder eure Web-App: Mit dem jQuery-Plugin ContentBuilderJS werden Inhalte einfach zusammengeklickt
Für euer CMS oder eure Web-App: Mit dem jQuery-Plugin ContentBuilderJS werden Inhalte einfach zusammengeklickt

ContentBuilderJS ist ein jQuery-Plugin, mit dem sich Webseiten aus vorgefertigten Blöcken einfach zusammenklicken lassen. Die Inhalte der jeweiligen Blöcke lassen sich anschließend direkt Inline … » weiterlesen

Kennst Du schon unser t3n Magazin?

t3n 37 jetzt kostenfrei probelesen! Alle Inhalte des t3n Magazins Diesen Hinweis verbergen