3 jQuery Plugins für schicke Typography im Web
Kommentare

Die Inszenierung einer Website ist die halbe Miete. Typography spielt demnach ein große Rolle, um den Besuchern Eure Seite schmackhaft zu machen. Und genau hier kommen praktische jQuery Plugins zum Einsatz, die sich hervorragend zum optischen Aufpolieren einer Website eignen. Dazu haben wir drei Besipiele für Euch:

Arctext.js

Mit dem Arctext-Plugin könnt Ihr die Schrift auf Eurer Seite bogenförmig darstellen. Der Radius, die Richtung und die Position der einzelnen Buchstaben ist je nach belieben konfigurierbar. So können beispielsweise die Buchstaben trotz des Kurvenverlaufs gerade ausgerichtet sein, wenn der rotate-Parameter auf false gesetzt wird.

Die Demo findet Ihr hier und das Paket könnt Ihr über diesen Link herunterladen. Die Website der Macher tympanus.net ist momentan wegen Wartungsarbeiten nur eingeschränkt aufrufbar.

http://tympanus.net/Development/Arctext/

Screenshot: http://tympanus.net/Development/Arctext/

FitText

FitText macht den Font Eurer Seite responsive. Somit könnt Ihr vor allem Überschriften, Teaser und Tag-Lines mit dem Plugin skalierbar machen. Für normalen Fließtext ist das Plugin hingegen nicht geeignet, zumindest deuten das die Macher an:

Oh, and don’t you dare let us catch you using FitText on paragraph text. This is for gigantic display text only! FitText.js findet Ihr auf GitHub.

Das Plugin bekommt Ihr via GitHub.

http://fittextjs.com/

Screenshot: http://fittextjs.com/

JQISOTEXT

Das jQuery Text Effect Plugin (JQISOTEXT) wertet auswählbare Passagen Eures Textes als Eye Catcher auf. Das Plugin bietet die folgenden drei Einstellungen an: fromSize bestimmt die Größes des ersten Buchstaben, toSize die des zweiten, und split bietet Optionen zum Bearbeiten jedes einzelnen Wortes der ausgewählten Textpassage. Auch dieses Plugin sollte genau wie FitText nicht im Fließtext zum Einsatz kommen, sondern nur zum Aufwerten von Überschriften und Tag-Lines genutzt werden.

Zur Demo-Seite gelangt Ihr hier. Zur Download-Liste führt Euch dieser Link.

Screenshot: http://workshop.rs/projects/jqisotext/

Screenshot: http://workshop.rs/projects/jqisotext/

Unsere Redaktion empfiehlt:

Relevante Beiträge

Meinungen zu diesem Beitrag

X
- Gib Deinen Standort ein -
- or -