Links absichern mit rel=”noopener”

target="_blank" und rel="noopener" © Christoph Freyer

rel="noopener"

Wie jedes Jahr nutzte ich auch den heurigen Jahreswechsel als Anlass meine Websites bezüglich Verbesserungen durchzusehen. Bei dieser Gelegenheit bin ich auf ein interessantes Sicherheitselement gestoßen: rel="noopener".
Aber von Anfang an: Ich habe ein neues Projekt dazu benutzt, die schon lange fällige Umstellung von http auf https vorzunehmen. Dadurch hat sich meine „Links absichern mit rel=”noopener”“ weiterlesen

kbd – das HTML-Element für Keyboard

HTML-Tag kbd

<kbd> – Ein vernachlässigtes HTML-Element, das nicht nur zur semantischen Auszeichnung dient

Kürzlich habe ich im Blog von Bernhard Kau (Kau-Boys.de) einen Beitrag über das vernachlässigte HTML-Element <kbd> gelesen. Ich danke ihm an dieser Stelle für dieses Posting, das er als ersten seiner heurigen Advent­kalender­einträge veröffentlichte und mich damit zu diesem Beitrag inspirierte.

Obwohl ich um semantisch korrekte Auszeichnung bemüht bin, „kbd – das HTML-Element für Keyboard“ weiterlesen

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