Clik here to view.
CSS Text Decoration Styling – Farbig unterstrichene Texte, Unterbrechungen...
Home / Beiträge zum Thema »Typografie« CSS Text Decoration Styling – Farbig unterstrichene Texte, Unterbrechungen bei Unterlängen, Effekte für Linien usw. Links werden in HTML automatisch...
View ArticleWas ist eine Initiale?
Home / Beiträge zum Thema »Typografie« Was ist eine Initiale? Eine Initiale ist ein schmückender Anfangsbuchstabe eines Textes oder Textabschnittes. Die in der Vergangenheit reich verzierten Initialen...
View ArticleWas ist eine Versalie?
Erklärung Eine »Versalie« ist ein Großbuchstabe, auch Majuskel genannt. Der Begriff entstammt dem gewerbesprachlichen Sprachschatz deutscher Schriftsetzer. Der Beitrag Was ist eine Versalie? erschien...
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 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.
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 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 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 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 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 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.
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.
Ausgeschnittener Text mit CSS
Ein einzelner interessanter Effekt kann das Layout der gesamten Website spürbar verbessern. Maskierter bzw. ausgeschnittener Text, durch den man eine weiter hinten liegende Ebene – z. B. ein Foto oder...
View ArticleClik here to view.
Sketch: Erweiterte Typografie-Einstellungen und Formatierung für Listen
Die typografischen Möglichkeiten von Sketch scheinen auf den ersten Blick überschaubar zu sein. Zwar stimmt es, dass in Layoutprogrammen wie InDesign die typografischen Möglichkeiten deutlich...
View ArticleClik here to view.
Textausrichtung mit CSS: Text von oben nach unten bzw. von rechts nach links...
Die Ausrichtung von Text auf einer Website kann kompliziert werden, beispielsweise wenn rechtslaufende Sprachen wie Arabisch abgebildet werden sollen oder wenn aus gestalterischer Sicht Text von oben...
View ArticleClik here to view.
CSS Text Decoration Styling – Farbig unterstrichene Texte, Unterbrechungen...
Links werden in HTML automatisch unterstrichen dargestellt. Ein unterstrichenes Wort auf einer Website wird daher vom Anwender intuitiv als Hyperlink interpretiert – weshalb man das Gestaltungsmittel...
View ArticleClik here to view.
Automatische CSS Initialen (Drop Caps)
Eine Initiale dient im Print- und Webdesign nicht nur als Zierelement – sie kann auch die Lesbarkeit von Texten erheblich verbessern, da sie den Blick des Lesers führt. Wir zeigen euch in diesem...
View ArticleClik here to view.
Stufenlos skalierende Texte und Schriftgrößen mit CSS calc()
Der Betrachtungsabstand beim Lesen von Texten ändert sich erheblich, wenn man die Nutzung über Smartphones, Tablets, Notebooks und große Desktop-Monitore vergleicht. Je kleiner das Gerät, desto näher...
View ArticleClik here to view.
Schriftgrößen in vw – Bilder mit Texten proportional skalieren
Textinhalte die optisch in oder vor einem Bild positioniert werden sollen, stellen in einem flexiblen Layout eine große Herausforderung dar. Das Problem besteht darin, dass Bilder meist proportional...
View ArticleClik here to view.
Textmasken mit CSS erstellen
Textmasken erfreuen sich im Grafik-Design – insbesondere im Print-Design – größter Beliebtheit. Leider war es mit Webtechnologien lange Zeit kaum möglich eine Textmaske herzustellen, bei der der Text...
View Article![PowerToys [Update]: 0.101.2632.0 als neue Preview](http://www.deskmodder.de/blog/wp-content/uploads/2026/08/powertoys-logo-500x322.jpg){kind=logo}
