Clik here to view.
Schriftgrößen im WordPress Block Editor (Gutenberg) anpassen oder deaktivieren
Für Textabschnitte stellt der Block Editor von WordPress die Möglichkeit zur Verfügung, die Schriftgröße zu verändern. Die auswählbaren Optionen lassen sich beliebig anpassen. Von Haus aus bietet...
View ArticleClik here to view.
text-overflow & line-clamp – Text mit CSS kürzen
Um robuste Layouts zu erstellen, kann es notwendig sein, Texte, unabhängig von ihrer Zeichenanzahl, auf eine bestimmte maximale Länge zu kürzen. Vor allem, wenn wir Layouts für Websites entwickeln, die...
View ArticleClik here to view.
Farbige Listenpunkte mit CSS ::marker
Geordnete und ungeordnete Listen erhalten vom Browser ein Standard-Styling für Aufzählungspunkte: <ol> wird nummeriert, <ul> erhält grafische Aufzählungszeichen. Diese Aufzählungszeichnen...
View ArticleVariable Fonts
Bei sog. »Variable Fonts« handelt es sich um ein neues OpenType Feature, dass zunehmend an Bekanntheit gewinnt und darüber hinaus im neuesten Update der Adobe Creative Cloud verfügbar ist. Variable...
View ArticleWie die Leserlichkeit von Texten auf Websites verbessert werden kann
Nach wie vor besteht der Großteil der Inhalte im Internet aus Text. Daran ändert auch der stetig steigende Konsum von Videos und Bildern nichts. Umso wichtiger ist, dass das Lesen der Texte angenehm...
View ArticleAlles über die CSS-Eigenschaft »hyphens«
Mit der CSS-Eigenschaft »hyphens« wird die Gestaltung von typografisch ansprechenden Texten im Web deutlich vereinfacht. Lange Zeit wurde das Thema von den Browser-Herstellern vernachlässigt, obwohl...
View ArticleClik here to view.
Texte auf Hintergrund-Bildern lesbar gestalten
Texte, die vor Hintergrundfotos oder Videos platziert werden, sind ein beliebtes Gestaltungsmerkmal auf Websites. Leider ist die Lesbarkeit der Texte oft schlecht, da das Hintergrundbild entweder sehr...
View ArticleClik here to view.
rem & em – Grundlagen der Webtypografie mit relativen anstatt absoluten...
Home / Beiträge zum Thema »Typografie« rem & em – Grundlagen der Webtypografie mit relativen anstatt absoluten Einheiten Die Wahl der richtigen typografischen Maßeinheiten spielt eine zentrale...
View ArticleClik here to view.
Webtypografie mit CSS – Grundlagen und Überblick
Home / Beiträge zum Thema »Typografie« Webtypografie mit CSS – Grundlagen und Überblick »Web Design is 95% Typography«. Dieses berühmte Zitat ist vielleicht überspitzt formuliert, aber im Kern stimmen...
View Article