Typografie

CSS

Typeplate: Starterkit sorgt für ordentliche Typografie – unabhängig vom Website-Design

6. März 2013
von
Typeplate: Starterkit sorgt für ordentliche Typografie – unabhängig vom Website-Design

Typografie im Webdesign ist so eine Sache. Ist man sich möglicherweise noch schnell einig, dass ordentliches Schriftbild begrüßenswert ist, so scheitert es dann doch zumeist in der konkreten Umsetzung. Schön designte Websites mit weniger schöner Typografie sind entsprechend eher die Regel, denn die Ausnahme. Das selbsternannte Starterkit Typeplate tritt an, das zu ändern. Typeplate: Sass, LESS, Stylus, CSS Typeplate steht in verschiedenen Geschmacksrichtungen, die...

Weiterlesen »

Typografie

Typechart und Typophile: Nützliche Ressourcen für Typografie-Interessierte

11. Januar 2013
von
Typechart und Typophile: Nützliche Ressourcen für Typografie-Interessierte

Über die Bedeutung der Typografie im Webdesign wissen wir alle Bescheid. Ohne Basiskenntnisse in Typografie geht gar nichts. Kein schönes, aber ein aussagefähiges Beispiel dafür ist die Webseite meiner ersten Schule in Minsk. Nachdem Sie auf “Ok” klicken, dürfen Sie ein starkes Beispiel schlechter Webseitentypografie sehen. Ich persönlich hatte nach dem Betrachten dieser Website den drigenden Wunsch, wieder mal ein paar nützliche Typografie-Quellen für...

Weiterlesen »

Typografie

Webtypobuch: Umfassendes Buch rund um die Webtypografie mit kostenlosem Einstieg

21. Dezember 2012
von
Webtypobuch: Umfassendes Buch rund um die Webtypografie mit kostenlosem Einstieg

Zum umfangreichen Feld der Typografie gibt es bereits zahlreiche Bücher und Websites. Auch der Teilbereich der Webtypografie nimmt seit einigen Jahren einen immer größeren und wichtigen Platz ein. Vor allem dank der Entwicklung von Webfonts wird Typografie für Webdesigner und -entwickler immer bedeutender. Der Webdesigner Gerrit van Aaken hat sich mit seinem Webtypobuch dem speziellen Thema Webtypografie sehr ausgiebig gewidmet. Webtypobuch Von der Technik...

Weiterlesen »

Typografie

Typefacts vermittelt anschaulich die wichtigsten Regeln der Typografie – auch für Webdesigner

7. Dezember 2012
von
Typefacts vermittelt anschaulich die wichtigsten Regeln der Typografie – auch für Webdesigner

Typografie ist eine Wissenschaft für sich. Nicht ohne Grund gibt es zahlreiche Bücher, darunter Nachschlagewerke und dicke Wälzer, die sich mit dem Thema beschäftigen. Denn richtige Typografie ist aufgrund zahlreicher Regeln und Fallstricke keine einfache Sache. Hat man es früher im Internet mit korrekter Typografie nicht so ernst genommen (noch heute dient das Zoll-Zeichen oft als Anführungszeichen), werden mittlerweile auch Websites – vor allem...

Weiterlesen »

jQuery

Plakative Überschriften mit slabText für jQuery

4. September 2012
von
Plakative Überschriften mit slabText für jQuery

Wir hier bei Dr. Web beschäftigen uns desöfteren mit Typografie-Helferlein. Diese zumeist auf jQuery basierenden Javascript-Tools können das Design einer Seite erheblich verschönern, teilweise bringen sie sogar Möglichkeiten ein, die man sonst nur aus dem Printdesign kennt. Heute beschäftigen wir uns mit slabText.js. Das Plugin verteilt längere Überschriften auf mehrere Zeilen und setzt diese dann in Block, wobei die einzelnen Zeilen unterschiedlich stark skaliert...

Weiterlesen »

Typografie

I Love Typography: Schatzkästchen für Typographie-Liebhaber

2. September 2012
von
I Love Typography: Schatzkästchen für Typographie-Liebhaber

Die Bedeutung der Typographie im Webdesign ist enorm hoch und deshalb sind gute typographische Tutorials, Tipps und Tricks sowie Inspirationsquellen sehr wichtig. Ich habe für Sie ein Blog entdeckt, das sich mit dem Thema Typographie befasst. Der Name darf dabei getrost als das gelten, was er ist, nämlich ein Liebesbekenntnis: I Love Typography. Ein Blog für Typographie-Liebhaber I Love Typography: eine kurze Vorstellung I...

Weiterlesen »

Javascript

Widow Tamer JS: Javascript verbessert Typografie in responsiven Layouts

28. Juni 2012
von
Widow Tamer JS: Javascript verbessert Typografie in responsiven Layouts

Der Widow Tamer, zu deutsch Witwenzähmer, kümmert sich um eine spezielle typografische Fragestellung. Von einer Witwe spricht der Entwickler Nathan Ford im Zusammenhang mit seinem Tool dann, wenn am Ende eines Absatzes lediglich eine geringe Zahl von Zeichen übrig bleibt, diese aber dennoch in eine neue Zeile umgebrochen werden. Diese extrem kurze Zeile störe dann den Lesefluss, vor allem aber die Optik und gehöre...

Weiterlesen »

jQuery

jQuery: Bacon bringt Texte in Form

21. Juni 2012
von
jQuery: Bacon bringt Texte in Form

Ein großer Unterschied zwischen Web- und Printdesign ist die im Webdesign fehlende Möglichkeit, Texte entlang einer beliebigen Form auszurichten. Das jQuery-Plugin Bacon rüstet genau diese Möglichkeit auf verblüffend einfache Art und Weise nach. Bacon wird entwickelt von David Hudson, der Dr. Web Lesern schon durch das Plugin Typebutter bekannt sein sollte. Auch Typebutter beschäftigt sich mit dem Styling von Texten, allerdings rein bezogen auf...

Weiterlesen »

jQuery

Perfektes Kerning für Webfonts mit TypeButter

13. Juni 2012
von
Perfektes Kerning für Webfonts mit TypeButter

Große Schriften auf Websites – vor allem bei Überschriften – liegen derzeit im Trend. Doch gerade hierbei macht sich das bescheidene Kerning von Schriften im Browser bemerkbar. Zumindest für typophil veranlagte Webdesigner und -entwickler mag der Abstand zwischen den Buchstaben gerade bei großen Schriften stark verbesserungsfähig sein. Das jQuery-Plugin TypeButter hilft und sorgt für perfektes optisches Kerning zwischen den Buchstaben. So funktioniert TypeButter TypeButter...

Weiterlesen »

Typografie

Typografie: Typetoken und andere Inspirationsquellen

4. Mai 2012
von
Typografie: Typetoken und andere Inspirationsquellen

In den letzten Jahren hat sich die Webtypographie sehr schnell entwickelt. Sie macht heute einen bedeutenden Teil der Webgestaltung aus. Die Wahl der Schriftart, der Abstände, der Ausrichtungen des Textes beeinflussen die Lesbarkeit der gegebenen Informationen und auch die Lust des Nutzers, auf der Webseite zu verweilen. Aber nicht nur die elementare Lesbarkeit ist für eine Webseite wichtig. Ein guter Webentwickler will stets etwas...

Weiterlesen »