Dein Tipp

von Sébastien Bonset, 12.10.2011

jQuery-Plugins: 10 Helfer für schönere Schriften

Für Webdesigner gehört es zum guten Ton, wenn möglich auf CSS zu setzen. Allerdings hat auch CSS Einschränkungen und einige davon lassen sich durchaus mit JavaScript lösen. Besonders in Bezug auf Typografie gibt es eine Fülle von jQuery-Plugins, deren Einsatz lohnen kann. Einige davon wollen wir euch vorstellen.

jQuery-Plugins für Typographie gibt es viele: von Helferlein für die Implementierung von @font-face bis hin zu Plugins, die die Usability und Funktionalität von Webfonts verbessern. Ken Hattori hat auf Six Revisions eine Liste von elf jQuery-Plugins zusammen gestellt, die einen Blick wert sind.

BigText: jQuery-Plugin fürs Grobe

jquery plugins bigtext — Dieses jQuery-Plugin passt die Größe eines Textes so an, dass er in das Parent Element passt. Das Plugin arbeitet dynamisch in editierbaren Textfeldern.

Lettering.js: Komplette Kontrolle über Typografie

jquery plugins lettering js — Lettering.js ermöglicht dynamische und außergewöhnliche Typografie. Das jQuery-Plugin hat den Anspruch, Webdesigner die volle Kontrolle über die Typografie einer Website zu geben. Selbst individuelle Buchstaben lassen sich manipulieren.

jMetronome: jQuery-Plugin für Typografie mit Rythmus

jquery plugins jmetronome — Zu einer gelungenen Typografie gehören auch die Anordnung von Texten, Weißräume etc. Man spricht vom typografischen Rythmus, der nicht nur die Ästhetik einer Website ausmacht, sondern auch deren Lesbarkeit. Dieses jQuery-Plugin soll es Webdesignern erleichtern, auch bei vielen Bildern, Tabellen und ähnlichen Elementen nicht aus dem typografischen Takt zu geraten.

FitText: Responsive Typografie

jquery plugins fittext — Wer Wert auf Responsive Webdesign legt, kann in diesem jQuery-Plugin einen probaten Helfer finden. FitText skalliert basierend auf der Viewport-Größe des Browsers automatisch Textelemente.

FontEffect: Effekthascherei mit jQuery

jquery plugins fonteffect — Mit diesem jQuery-Plugin lassen sich Effekte wie Schatten, Gradienten, Spiegelungen und ähnliches umsetzen. Das Plugin eignet sich für die Fälle, in denen man aus welchen Gründen auch immer auf JavaScript statt CSS3 setzen muss.

jQuery Approach: Bewegungssensor für Text

jquery plugins approach — Mit diesem jQuery-Plugin kann man beeinflussen, wie sich Textelemente abhängig von deren Nähe zum Mauszeiger verändern. Damit eignet sich das Plugin insbesondere für interaktive Webseiten.

jqlso Text: Biegsame Typografie

jquery plugins jqlsoText — Dieses jQuery-Plugin versieht Textelemente mit einem Bogeneffekt.

Airport: Anzeigentafel für Webdesigner mit Fernweh

jquery plugins airport — Airport versieht Text mit einer Animation, die Anzeigentafeln wie man sie an Flug- und Bahnhöfen findet, immitiert.

jQuery Glow: Mouse-Over-Effekte

jquery plugins glow — Mit diesem jQuery-Plugin lässt sich ein Glow-Effekt umsetzen, der eintritt, wenn der Anwender mit der Maus über gewisse Textpassagen fährt.

jQuery Text Resizer Plugin: Wenn es auf die richtige Größe ankommt

jquery plugins textresizer — Das jQuery-Plugin fügt einer Website per Default drei Befehle hinzu. Besucher können dann mit diesen die Schriftgröße verändern.

Die aktuellen News auf t3n zum Thema:

jQuery Mobile 1.0 erschienen - t3n News November 2011
jQuery-Plugins: 10 Helfer für schönere Schriften - t3n News Oktober 2011
Prefixfree – Script/jQuery-Plugin macht CSS-Files lesbar - t3n News Oktober 2011
10 freie jQuery-Plugins im Überblick - t3n News September 2011
jQuery Mobile: Grundlegende Konzepte und Funktionsweisen - t3n News August 2011
Mobile Websites mit jQuery Mobile und TYPO3 - t3n Magazin #22
11 jQuery-Plugins That Can Enhance Your Typography - Six Revisions

Weitere Artikel zu CSS, JavaScript und jQuery

Kommentare: 19 Tweets: 26 Facebook-Likes: 6

12.10.2011

Das interessiert dich bestimmt auch

15 kostenlose jQuery- und CSS3-Tutorials

Eine Reihe von jQuery- und CSS3-Tutorials erleichtert Webdesignern das Entwerfen von Websites.

5 kostenlose jQuery-Bildergalerien für Responsive Webdesign

Für die weit verbreitete jQuery-JavaScript-Bibliothek gibt es eine Menge an Plugins, die Basisfunktionalitäten um...

jQuery: 14 Plugins für flexible Website-Layouts

Bei der Entwicklung von Websites, die für die Ausgabe auf allen möglichen Endgeräten nach...

19 Answers

von jQuery-Plugins: 10 Helfer für sch&o… 17.10.2011 (22:27Uhr) 1.

[...] jQuery-Plugins: 10 Helfer für schönere Schriften » t3n News Für Webdesigner gehört es zum guten Ton, wenn möglich auf CSS zu setzen. Allerdings hat auch CSS Einschränkungen und einige davon lassen sich durchaus mit JavaScript lösen. Besonders in Bezug. Source: t3n.de [...]

von Linkhub – Woche 41-2011 25.10.2011 (13:00Uhr) 2.

[...] jQuery-Plugins: 10 Helfer für schönere Schriften » t3n News [...]

von Typografie im Web: OpenType-Funktionen m… 03.11.2011 (12:42Uhr) 3.

[...] jQuery-Plugins: 10 Helfer für schönere Schriften - t3n [...]

von jQuery-Plugins: 10 Helfer für sch&o… 21.11.2011 (23:23Uhr) 4.

von jQuery 1.6 kurz nach dem RC1 erschienen,… 14.12.2011 (13:09Uhr) 5.