Quantcast
Channel: #Typografie - Agentur kulturbanause
Browsing all 69 articles
Browse latest View live

Image may be NSFW.
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 Article


Image may be NSFW.
Clik 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 Article


Image may be NSFW.
Clik 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 Article

Image may be NSFW.
Clik 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 Article

Image may be NSFW.
Clik 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 Article


Image may be NSFW.
Clik 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 Article

Image may be NSFW.
Clik 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 Article

Image may be NSFW.
Clik 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 Article


Image may be NSFW.
Clik 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 Article


Image may be NSFW.
Clik 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 Article

Image may be NSFW.
Clik 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 Article

Image may be NSFW.
Clik 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 Article

Image may be NSFW.
Clik 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 Article


Image may be NSFW.
Clik 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 Article

Image may be NSFW.
Clik 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 Article


Image may be NSFW.
Clik 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 Article

Image may be NSFW.
Clik 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 Article


Image may be NSFW.
Clik 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 Article

Image may be NSFW.
Clik 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 Article

Image may be NSFW.
Clik 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
Browsing all 69 articles
Browse latest View live