CSS

Die CSS-Einheiten em, ch und ex

Die Einheiten character unit (ch) und ex sind ähnlich wie em relative Einheiten. Sie beziehen sich auf die jeweils geltenden Schriftgröße wie sie im nächsthöheren Container definiert ist.

Weiterlesen
CSS

Responsive Schriftgrößen mit clamp()

Die CSS-Funktion clamp() ist eine relative neue Funktion, mit der man einen minimalen und einen maximalen Wert angeben kann. Das kann die Breite eines Elements sein (width), aber man kann die Funktion auch für Schriftgrößen (font-size) verwenden.

Weiterlesen
CSS  Gutenberg

Responsiveness Spalten-Block anpassen

Der Spalten-Block bringt ein bestimmtes responsives Verhalten mit. Ist der Bildschirm schmäler als 600px, ordnen sich die Spalten untereinander an. Im Bereich zwischen 600px und 781px wird das Layout zweispaltig. Ab 782px aufwärts erscheinen die Spalten in der Anzahl wie sie im Editor eingestellt.

Weiterlesen
CSS  WordPress-Einsteiger

Google-Fonts datenschutz-konform einbinden

Wenn man auf einer Website Google-Fonts benutzt, ist es eine gute Idee, die Fonts nicht über den Google-Server zu laden, sondern lokal einzubinden. Das ist datenschutzkonform, weil damit die Schriften nicht bei jedem Aufruf nach Hause telefonieren. Für diese Aufgabe kann man ein Plugin nutzen. Man kann die Schriften aber auch ganz einfach über CSS einbinden.

Weiterlesen