t3n News Entwicklung

3 jQuery Plugins für schönere Typografie

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 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:

Newsletter Newsletter

Abonniere unseren Newsletter und erhalte einen exklusiven Artikel aus dem aktuellen t3n Magazin.

Jetzt lesen: t3n Newsletter Nr. 572

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
Typografie im Responsive Webdesign – Teil 2: So erstellt ihr Responsive Headlines
Typografie im Responsive Webdesign – Teil 2: So erstellt ihr Responsive Headlines

Im ersten Teil dieser Artikelserie über Typografie im Responsive Webdesign ging es um die Auswahl und Einbindung der richtigen Schrift. Nachdem ich darin die wichtigsten Punkte von reaktionsfähiger … » weiterlesen

Typografie im Responsive Webdesign – Teil 3: So erstellt ihr responsiven Body-Text
Typografie im Responsive Webdesign – Teil 3: So erstellt ihr responsiven Body-Text

Im vorigen Teil dieser Artikelserie über Typografie im Responsive Webdesign haben wir verschiedene Möglichkeiten erkundet, flüssige und reaktionsfähige Überschriften für Webseiten umzusetzen. » weiterlesen

Typografie für Dummköpfe: 18 Regeln für den Einsatz von Texten [Bildergalerie]
Typografie für Dummköpfe: 18 Regeln für den Einsatz von Texten [Bildergalerie]

Wer diese 18 Regeln nicht kennt, sollte sie schnellstens kennenlernen. In sechs Grafiken zeigen wir euch die Regeln der Typografie. » weiterlesen

Alle Hefte Jetzt abonnieren – für nur 35 €

Kennst Du schon unser t3n Magazin?