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.
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.
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.
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:
- jQuery-Plugins: 10 Helfer für schönere Schriften – t3n-News
- 8 jQuery Plugins for Enhancing Typography
von Raymond Schreiber via facebook 20.06.2012 (15:28Uhr) 1.
"slabText ist ein jQuery Plugin um große, responsive Überschriften zu erstellen, die sich dynamisch an die Größe des Browserfensters anpassen." - was Responsive (Design) ist, hat der Autor aber schon verstanden, oder?
von badtwin 20.06.2012 (16:23Uhr) 2.
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.
von Nützliche Links zum Thema jQuery «… 22.06.2012 (15:18Uhr) 3.
[...] 3 jQuery Plugins für schönere Typografie AKPC_IDS += "809,"; [...]