Kategorien
CSS

SASS in Twenty Twenty-One

Gerade wird die Beta 1 von WordPress 5.6 vorbereitet, während ich diesen Satz hier tippe. Eines der großen Neuerungen für das Release, was am 8. Dezember erscheinen soll, ist das neue Standard-Theme Twenty Twenty-One. Seit einem Monat kann fleißig auf Github mitgeholfen werden, das Theme zum Release schön rund zu bekommen. Als technische Basis diente […]

Kategorien
CSS

Flexbox ist nicht schwer

Wer von euch kennt eigentlich Flexbox? Also nicht nur den Namen, sondern auch, wie man Flexbox anwendet? In den letzten Jahren lag der Fokus in Sachen CSS viel auf CSS Grid. Endlich zweidimensional Layouts gestalten, was vorher nur mit mehr oder minder schmutzigen Tricks möglich war. Aber auch in der eindimensionalen Welt haben wir seit […]

Kategorien
CSS Vorträge

Wie Subgrid CSS Grid verbessert

Vielleicht kommt der Titel dem ein oder anderen bekannt vor: das ist die übersetzte Version meines Talks beim WordCamp Europe 2020, das letzte Woche stattgefunden hat. Wer es verpasst hat, kann sich ein Replay des Livestreams auf YouTube ansehen. Das Video ist mit einem Timestamp verlinkt: Wer sich schon einmal mit CSS Grid auseinandergesetzt hat, […]

Kategorien
CSS

CSS: :nth-child() vs. :nth-type()

Diese Woche hatte ich eine interessante Herausforderung bei der Theme-Entwicklung. Mit dem :nth-child() Selektor kam ich an einer Stelle nicht weiter.

Kategorien
CSS

CSS: Viewport Width und Viewport Height

Heute gibt es nur einen kleinen Blogbeitrag mit ein bisschen CSS-Magic 🙂 In den letzten Monaten habe ich zwei Einheitsangaben recht lieb gewonnen: Viewport Width (vw) und Viewport Height (vh).