Drücke die Tasten ◄ ► für weitere Artikel  

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: 10 Helfer für schönere Schriften

jQuery-Plugins für Typographie gibt es viele: von Helferlein für die Implementierung von @font-face bis hin zu Plugins, die die 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

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

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

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

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

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

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

Dieses jQuery-Plugin versieht Textelemente mit einem Bogeneffekt.

Airport: Anzeigentafel für Webdesigner mit Fernweh

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

jQuery Glow: Mouse-Over-Effekte

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

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:

41 Shares bis jetzt – Dankeschön!

Bewerten
VN:F [1.9.22_1171]
20 Antworten
  1. von jQuery-Plugins: 10 Helfer für sch&o… am 17.10.2011 (22:27Uhr)

    [...] 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 [...]

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

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

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

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

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

    [...] 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 [...]

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

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

  6. von jQuery UI – Vier nützliche Widgets f… am 14.12.2011 (13:14Uhr)

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

  7. von t3n-DevLinks: jQuery-Plugin tooltipsy, F… am 14.12.2011 (13:34Uhr)

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

  8. von t3n-DevLinks: 10 Desktop-Apps für Codes… am 14.12.2011 (13:40Uhr)

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

  9. von Cuepoint.js – jQuery-Plugin erzeugt Un… am 14.12.2011 (13:42Uhr)

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

  10. von jQuery Mobile in Zusammenarbeit mit HTML… am 14.12.2011 (13:57Uhr)

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

  11. von Mobile Websites mit jQuery Mobile und TY… am 14.12.2011 (14:13Uhr)

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

  12. von Chosen – Javascript-Plugin verschöner… am 14.12.2011 (14:18Uhr)

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

  13. von 10 freie jQuery-Plugins im Überblick »… am 14.12.2011 (14:32Uhr)

    [...] jQuery-Plugins: 10 Helfer für schönere… 12.10.2011 (12:02Uhr) [...]

  14. von 10 freie jQuery-Plugins im Überblick »… am 14.12.2011 (14:32Uhr)

    [...] jQuery-Plugins: 10 Helfer für schönere… 12.10.2011 (12:02Uhr) [...]

  15. von Kendo UI – HTML5-, CSS3- und jQuery-Fr… am 14.12.2011 (14:34Uhr)

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

  16. von FitVids.js: Videos mit jQuery in respons… am 14.12.2011 (14:44Uhr)

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

  17. von Prefixfree – Script/jQuery-Plugin mach… am 19.12.2011 (12:22Uhr)

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

  18. von jQuery Mobile 1.0 erschienen » t3n News am 19.12.2011 (12:36Uhr)

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

  19. von Google Chrome 5: Chrome auf Speed (und m… am 10.01.2012 (14:55Uhr)

    [...] jQuery-Plugins: 10 Helfer für schönere Schriften - t3n News Weitere Artikel zu Google, HTML, HTML5 und jQuery Kommentare: 1 Tweets: 0 Facebook-Likes: 4 05.05.2010 Ads_BA_AD("FOOT"); Das könnte dich auch interessieren:t3n-DevLinksKunstprojekt mit HTML5, DropArea - Bildupload mit jQuery, WriteMaps - visueller Sitemap-EditorWillkommen zu einer neuen Woche voller DevLinks! Unsere heutigen Themen: WriteMaps ist ein visueller Sitemap-Editor.t3n-LinktippsTweetDeck Web, Railscloud, Google Suggest erklärt, 3D-Spiel mit WebGL und HTML5Diesmal bei unseren Fundstücken aus dem Netz: Die Beta von TweetDeck Web ist da, mit Railscloud Ruby-on-Rails-Apps...Sencha Touch 2 – neues Mobile Web App Framework Sencha, die amerikanische Firma hinter Ext JS, hat Sencha Touch 2 angekündigt.Firefox 5Erste Beta ist da!Die Beta-Version von Firefox 5 ist jetzt zum Download verfügbar. Der aktuelle Mozilla-Browser unterstützt ab sofort... [...]

  20. von 3 jQuery Plugins für schönere Typograf… am 20.06.2012 (15:17Uhr)

    [...] 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. [...]

Deine Meinung

Bitte melde dich an!

Du musst angemeldet sein, um einen Kommentar schreiben zu können.

Jetzt anmelden

Mehr zum Thema CSS
SVGMagic: Automatischer SVG-Fallback für deine Webseite
SVGMagic: Automatischer SVG-Fallback für deine Webseite

SVG-Grafiken sind seit Responsive Webdesign und Retina-Display kaum hoch wegzudenken. Fall-Back-Lösungen sind jedoch ein hartes Stück Arbeit. Mit SVGMagic soll sich das ändern – wir zeigen euch w ... » weiterlesen

Responsive Webdesign, Teil 3: Darstellung von Galerien und Videos
Responsive Webdesign, Teil 3: Darstellung von Galerien und Videos

Mit der Serie „Responsive Webdesign“ wollen wir euch die Entwicklung flexibler Projekte erleichtern. In Teil 3 zeigen wir Möglichkeiten auf, Galerien, Videos, Bilder und Slider für die... » weiterlesen

Ob Overlay oder Modal: VEX ist schnell, einfach und responsive
Ob Overlay oder Modal: VEX ist schnell, einfach und responsive

Es gibt unzählige Lösungen für modale Dialoge beziehungsweise Overlays und beinahe jedes große Framework bietet einen individuellen Lösungsweg für dieses Thema an. Mit VEX stellen wir euch eine. ... » weiterlesen

Kennst Du schon unser t3n Magazin?

t3n-Newsletter
Top-Themen der Woche für Web-Pioniere
Jetzt kostenlos
anmelden
Diesen Hinweis verbergen