Du hast deinen AdBlocker an?

Es wäre ein Traum, wenn du ihn für t3n.de deaktivierst. Wir zeigen dir gerne, wie das geht. Und natürlich erklären wir dir auch, warum uns das so wichtig ist. Digitales High-five, deine t3n-Redaktion

Entwicklung & Design

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 jQuery Plugins können dabei sehr nützlich sein. Wir fassen kurz für euch zusammen, was man mit einigen der jQuery Plugins für Typografie anfangen kann.

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:

Finde einen Job, den du liebst zum Thema JavaScript, Webdesign

1 Reaktionen
badtwin
badtwin

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

Melde dich mit deinem t3n-Account an oder fülle die unteren Felder aus.

Abbrechen