Clik here to view.
Style Tiles – Design-Konzepte für Websites entwickeln
Wenn man gemeinsam mit einem neuen Kunden ein Webdesign-Projekt plant, möchte man einerseits ein ansprechendes und zuverlässiges visuelles Konzept ausarbeiten, andererseits aber wenig Zeit mit...
View ArticleClik here to view.
Kerning für Webfonts – Type Butter jQuery-Plugin
Vor einiger Zeit habe ich bereits einen Artikel über Kerning und Ligaturen im Browser geschrieben - heute möchte ich das Thema noch einmal aufgreifen. Type Butter ist ein neues jQuery-Plugin, mit dem...
View ArticleClik here to view.
Sollte text-indent: -9999px; ersetzt werden?
Ich behaupte einfach mal, dass wohl jeder Webdesigner schon Text mit der CSS-Eigenschaft text-indent: -9999px; versteckt hat. Die aus heutiger Sicht schon fast antike Technik entstammt noch Zeiten, in...
View ArticleClik here to view.
Absatzformate und Zeichenformate in Photoshop CS6 nutzen und exportieren
Aufgrund vieler Nachfragen habe ich ein Video zum Thema Absatz- und Zeichenformate von PS CS6 erstellt. In diesem Screencast zeige ich euch wie ihr die Formate einsetzen könnt, und wie ihr häufige...
View ArticleClik here to view.
Text mit Verlauf überlagern in CSS
In Photoshop lässt sich ein Text unkompliziert mit Hilfe einer Verlaufsüberlagerung optisch aufwerten. Doch wie sieht es in CSS aus? Verläufe lassen sich grundsätzlich in CSS3 herstellen, nur auf...
View ArticleClik here to view.
CSS Regions mit Adobe Edge Reflow
CSS Regions sind eine CSS-Technologie mit deren Hilfe Inhalte durch verschiedene Container geleitet werden können. Sollte euch das Konzept hinter CSS Regions unbekannt sein, lest bitte zunächst meine...
View ArticleClik here to view.
Web-Typografie: Perfekte Zeilenlängen im Responsive Design
Das Layout einer Website hat u.a. die Aufgabe, Informationen bestmöglich zugänglich zu machen. Insbesondere die Web-Typografie spielt dabei eine wichtige Rolle. Damit ein Text gut lesbar ist, sollten...
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/Zeilenumbrü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 Article