HTML und Textgestaltung?

illustrative Grafik HTML Tags

<i>,<em>,<b> und <strong>: was verbindet diese HTML-Elemente?

HTML-Text kann man auf verschiedene Art und Weise gestalten. Man kann einerseits die Schrift ändern, andererseits lässt sich auch der Hintergrund individuell ausformen: Bei der ersten Variante werden Schriftgröße, Schriftgewichtung, Schnitt und Farbe, etc. beeinflusst, während bei der zweiten Variante der Hintergrund verschieden gestaltet wird. Hierzu gibt es zwei grundsätzliche Möglichkeiten: „HTML und Textgestaltung?“ weiterlesen

Über Schriftgröße und Zeilenhöhe

Zeilenhöhe line-height Grafik

Zusammenspiel von Schriftgröße, Zeilenhöhe und Zeilenlänge

Als ich vor Kurzem eine von mir erstellte und verwaltete Website aktualisierte, fiel mir ihr Alter auf. Da habe ich mich gefragt, was den optischen Unterschied ausmacht und ob sie den heutigen Lesegewohnheiten noch entspricht. Dabei musste ich feststellen: nicht nur wir, sondern auch Websites altern. Nach einigen kleinen Änderungen war alles wieder im grünen Bereich.

Ja, es gibt ein „facelifting“ für Websites! Wenn eine Website bereits einige Jährchen auf dem Buckel hat, benötigt „Über Schriftgröße und Zeilenhöhe“ weiterlesen

Apostroph und Typografie

Titelbild Apostroph © Christoph Freyer

Ein kleiner Strich mit Bedeutung – der Apostroph

Nach der Satzzeichenproblematik mit den Anführungszeichen widme ich mich diesmal einem weiteren, leider manchmal „problematischen“ Zeichen: dem Apostroph.

Der Apostroph wird häufig in zweierlei Arten falsch verwendet. Die erste betrifft die formale Verwendung, also das falsche Zeichen, während der zweite häufige Fehler den an falscher Stelle verwendeten Apostroph, der eher von einer „Apostroph und Typografie“ weiterlesen

Anführungszeichen, Quotes und Guillemets

Grafik Anführungszeichen (c) Christoph Freyer

Anführungszeichen, Quotes, Guillemets – korrekte Satzzeichen im Webdesign

Ein Blog oder eine Website sind kein Grund auf ansprechende und korrekte Typografie zu verzichten. Design besteht nicht nur aus der Anordnung der einzelnen Elemente, auch die Schrift und ihre Gestaltung zählen dazu. Die richtigen Anführungszeichen sehen nicht nur besser aus, sie zeigen auch, dass man Wert auf „Anführungszeichen, Quotes und Guillemets“ weiterlesen

Vergiss die Grundlagen nicht!

illustrative CSS-Codedarstellung

CSS-Basics sind nicht nur für Anfänger

Es ist sicher vielen Webdesignern so wie mir ergangen. Nach einigen Jahren dachte ich, ich könnte CSS. Ich war zwar realistisch genug um zu wissen, dass man vieles besser machen kann, aber in dem Moment als ich das erste Mal für eine große Firma Code geschrieben habe, wurde ich eines Besseren belehrt. Ich bin in eine andere Welt eingetreten. Hier ist es nicht mehr eine mehr oder weniger einfache One-Man-Show, wo am Ende „Vergiss die Grundlagen nicht!“ weiterlesen