Clik here to view.
20 Basic Tipps zu Web-Typografie
Web- und Print-Typografie unterscheidet sich (zwangläufig) deutlich von einander. Damit Ihr wisst wie Ihr sicher die gröbsten Fehler im Bezug auf Web-Typografie vermeidet möchte ich Euch diesen Artikel...
View ArticleClik here to view.
Snow Leopard + Safari: Schriftglättung mit CSS manipulieren
Die Schriftglättung unter OS X Snow Leopard ist je nach Schriftfarbe und Hintergrundgestaltung im Safari ein wenig zu stark geraten - mitunter wirkt die Schrift einfach zu fett. Dieses Problem kann mit...
View ArticleClik here to view.
3D-Typo mit Photoshop CS5 Repoussé
Eine der neuen Funktionen von Photoshop CS5 Extended ist das 3D-Feature Repoussé. Mit Repoussé lassen sich aus Pfad- oder Textebenen 3D-Objekte erstellen; ganz ähnlich der aus Illustrator bereits...
View ArticleClik here to view.
Web-Fonts mit Google Font Directory API
Google hat einen neuen Online-Dienst namens Font-Directory Beta gestartet. Dieser Service ermöglicht es Webdesignern individuelle Schriftarten in Websites zu verwenden auch wenn diese nicht zu den...
View ArticleClik here to view.
@font-face Bibliothek "Kernest"
Vor kurzem habe ich über die neue Google Font Directory berichtet die mittels CSS-Eigenschaft @font-face den Einsatz von Schriften im Web um einiges erleichtert. Abgelegt werden die Fonts auf dem...
View ArticleClik here to view.
Kerning und Ligaturen im Browser
Webdesigner wurden - im Gegensatz zu den Kollegen aus dem Print - lange Zeit bei der Wahl einer individuellen Schriftart massiv eingeschränkt. Diese grauen Tage sind zwar noch nicht ganz vorbei, in...
View ArticleClik here to view.
CSS: @font-face im Praxistest
Zu einem individuellem Layout gehört in den meisten Fällen auch eine individuelle Schriftart. Doch was tun, wenn diese allzu exotisch ist und es keine Hoffnung gibt, das sie jemals flächendeckend als...
View ArticleClik here to view.
Kostenlose Webfonts im FontShop
Vor rund einem Jahr veröffentlichte der FSI FontShop International anlässlich des Starts der FontFont-Web-Library eine Schriftsammlung mit über 1250 Fonts speziell für Webdesigner. Zum ersten...
View ArticleClik here to view.
WordPress: wptexturize deaktivieren
Die WordPress-Funktion wptexturize ist eigentlich sehr praktisch. Wenn Ihr innerhalb eines Beitrags bestimmte Zeichenketten verwendet, so filtert WordPress diese Elemente heraus und ersetzt sie durch...
View ArticleClik here to view.
Text mit CSS weichzeichnen (blurred)
CSS3 überrascht immer wieder mit interessanten Einsatzgebieten. Unter anderem bietet uns CSS3 die Möglichkeit Texte so zu gestalten, dass der Eindruck entsteht sie wären weichgezeichnet. In Photoshop...
View ArticleClik here to view.
Webfont-Bibliotheken im Vergleich
Webfonts, bzw. die CSS-Technologie @font-face, ermöglichen es uns mittlerweile eine Vielzahl fantastischer Schriftarten in Websites zu verwenden. Auch dann, wenn der Besucher die Schrift selbst gar...
View ArticleClik here to view.
Screencast: 3D-Text mit Repoussé in Photoshop CS5
Auf Photoshop-Profis wurde mit Folge 52 erneut ein Video von mir veröffentlicht. In dieser Folge zeige ich wie ihr mit Hilfe des 3D-Dialogs "Repoussé" von Photoshop CS5 Extended, sehr schnell einen...
View ArticleClik here to view.
Sonderzeichen per “Copy and Paste” verwenden
Blogger und Webdesigner müssen bei ihren Projekten regelmäßig auf Sonderzeichen zurück greifen. Da wären zum Beispiel das Copyright-Zeichen im Footer einer Website (©), mathematische Zeichen zur...
View ArticleClik here to view.
Individuelle Textmarkierungen mit CSS
Mit CSS3 habt ihr die Möglichkeit die Textmarkierungen eines Besuchers zu gestalten. Insbesondere wenn ihr davon ausgeht, dass Seitenbesucher auf eurer Website häufig Text markieren und kopieren werden...
View ArticleClik here to view.
Social Media Icons als Webfont und Vector
Ich bin kein großer Fan von Artikeln, in denen Unmengen von Social Media Icons zum Download angeboten werden. Selbst wenn ein Icon-Set noch so schön gestaltet ist, so passt es in meinen Augen selten...
View ArticleClik here to view.
Wortumbrüche per CSS erzwingen
In letzter Zeit habe ich mittels CSS3 Media Queries einige Seiten für mobile Endgeräte optimiert. Dabei sind mir ein paar Besonderheiten der "Responsive Websites" aufgefallen die in dieser Form bei...
View ArticleClik here to view.
Website-Typografie per Drag and Drop testen: Font Dragr
Wenn ihr schnell und intuitiv testen möchtet wie gut sich eine Schriftart für eine Website eignet, lohnt sich ein Blick auf Font Dragr. Das Online-Tool arbeitet mit jeder beliebigen Schriftart und...
View ArticleClik here to view.
Silbentrennung im Browser: CSS-Eigenschaft “hyphens”
Wer im Internet typografisch ansprechende Texte gestalten möchte, hatte es lange Zeit nicht leicht. Mit dem Einzug der Webfonts stehen Webdesignern mittlerweile viele gelungene Schriftarten zur...
View ArticleClik here to view.
Bookmarklet: Texte einer Website im Browser editieren
Häufig möchte man seine Texte so schreiben, dass sie nicht nur verständlich und gut lesbar sind, sondern dass sie auch im Layout gut aussehen. Ein Beispiel wären Texte für verschiedene Teaser-Elemente...
View ArticleClik here to view.
Spiegelungen im Webdesign – Die Grundlagen als Screencast
Die Photoshop-Profis haben ein Video zum Thema "Spiegelungen" von mir veröffentlicht. In Folge 93 des Podcasts beschreibe ich die Grundlagen der Spiegelung von zweidimensionalen und dreidimensionalen...
View Article