scriptwelt blog » Design

JavaScript Libraries und Tools für Typographie

Autor — Fri, 05 Feb 2010 07:21:24 +0000

Typografie ist heute ein wichtiger Design- und Gestaltungspunkt geworden. Schon die Auswahl der geeigneten Schriftarten für ein Dokument kann die Erscheinung stark beeinflussen. Dabei ermöglicht Typographie, Design mit Kommunikation zu vereinen, um einer Webseite oder einem Blog ein individuelles Aussehen zu geben. Im Artikel werden einige JavaScript Libraries und Tools vorgestellt, die Ihnen bei der typographischen Gestaltung Ihrer Webseite helfen können.

Ein wesentlicher Bestandteil der Webseiten Typographie ist die Schriftart oder Font. Doch wie binde ich als Webmaster meine eigenen Fonts in meine Webseite ein? In den meisten Fällen werden Texte mit eigenen Fonts als Grafik oder als Flash dargestellt. Doch gerade diese werden von den meisten Suchmaschinen nicht als Content gewertet oder der Besucher der Seite muss einen Flash Player Plugin auf seinem Browser installert haben. Abhilfe schafft JavaScript

Cufón

Bei Cufón wird die gewünschte Schriftart über ein Web-Interface umgewandelt und anschließend per JavaScript eingebettet. Sollte Javascript beim Webseiten Besucher ausgeschalten sein, wird der entsprechende Tag im definierten Zeichensatz dargestellt. Bei Cufón können ttf- bzw otf-Fonts verwendet werden.

Nachteile: Es lassen sich nur drei Schriftstile (normal, fett, kursiv) hochladen und auch die Anzahl der einzubettenden Zeichen ist begrenzt. Ausserdem wird für jedes Wort ein eigenes Span Element generiert, welches den Code aufbläht.

Ein weiterer Vertreter dieser Sparte ist

typeface

Auch mit typeface lassen sich eigene Schriftarten in einer Webseite verwenden. Die Konvertierung erfolgt wie bei Cufón, über ein Webinterface. Typeface.js rendert die konvertierte Schrift ohne Verwendung von Grafiken und Flash. Ist Javascript inaktiv, wird die Schrift wie im CSS festgelegt dargestellt.

Cufón vs Typeface

Der Unterschied zwischen beiden ist sehr gering. Cufón unterstützt mehr Filetypen, Typeface mehr CSS-Eigenschaften. Typeface.js ist einfacher zu verwenden, Cufón ist etwa 40kb kleiner. Bei Typeface.js können transformierte Texte nicht markiert und kopiert werden. Bei beiden kann es zu Problemen bei der Lizenz der verwendeten Truetype-Fonts kommen.

Hyphenator

Mit Hyphenator.js wird eine automatische Silbentrennung erzeugt. Sollte ein langer Text, zum Beispiel durch verkleinern der Auflösung, zu einem Zeilenumbruch gezwungen werden, übernimmt Hyphenator die Silbentrennung. So kann es nicht zu unschönen Blogsätzen führen.

Momentan werden folgende Sprachen unterstützt:

Englisch
Deutsch
Französisch
Niederländisch
Schwedisch
Spanisch
Malayalam, Tamil, Hindi, Oriya, Kannda, Telugu, Bengali, Gujarati und Panjabi
Italienisch

Fazit

Wie man sieht, ist die Lösung vom Traum einer Schriftenvielfalt im Netz noch weit entfernt. Auch ältere Lösungen wie das Flash/ JavaScript Tool sIFR, können die Probleme der WebDesigner nur bedingt lösen und schaffen gleich wieder neue.

37 Free Photo Textures

Autor — Tue, 12 Jan 2010 15:59:57 +0000

Auf fuelyourphotography gibt es 37 schöne Texturen zum kostenlosen Download.

File Type: JPG
Number in Set: 37
Resolution: 4752 × 3168
Download Size: 208mb
License Type: Creative Commons
Author: Adelle Charles

Link zur Downloadseite

Neue Kategorie auf Scriptwelt.org

Autor — Mon, 10 Aug 2009 09:49:53 +0000

Seit heute ist unsere neue Kategorie Gimp Tutorials online. Die Rubrik Tips und Tricks, sowie Gimp Basic folgen die Tage noch nach. Gestartet sind wir schon einmal mit vier Turorials, weitere folgen natürlich.

Hier geht es zu den Gimp Tutorials

Fonts for Free

Autor — Sun, 26 Jul 2009 11:02:32 +0000

Die Schriftart hat einen großen Anteil am Design einer Webseite. Deshalb ist es nicht immer einfach den richtigen Font zu finden. Fleißarbeit ist hier meist gefragt. Deshalb möchte ich heute ein paar meiner Lieblingsfonts forstellen. Vielleicht ist ja der ein oder andere Font dabei!

PetitLatin von Manfred Klein

AdAstra von Manfred Klein

096MKSD Synapse von Maniackers Design

SlabTallX von Manfred Klein

AardvarkCafe

Diavlo

Faustant von Manfred Klein

yanone-kaffeesatz

Scriptina

Chunk

10 Wege ein Accordion Menü in WordPress zu integrieren

Autor — Tue, 14 Jul 2009 11:57:42 +0000

Auf Pro Blog Design gibt es 10 Vorschläge ein JavaScript Accordion Menü in seinen WordPress Blog zu integriert. Wer also schon immer einmal so ein Menü in seinem Blog haben wollte wird hier fündig.

Hier geht es zum Artikel

25 Beautiful Minimalistic Website Designs – Zur Inspiration

Autor — Wed, 18 Mar 2009 09:16:03 +0000

Auf dem Blog von vandelaydesign.com wurden 25 minimalistische Webdesign zusammengestellt. Die Liste soll der Inspiration dienen. Es sind ein paar wirklich nett gemachte Blogs darunter.