Sarah Soueidan erklärt in diesem Beitrag mit dem wunderschönen Titel »Auto-Sizing Columns in CSS Grid: `auto-fill` vs `auto-fit`«, wie man mit Grid ohne Media Queries responsive Layouts erstellen kann.
Beiträge zu HTML+CSS
Beiträge zu den Themen HTML und CSS.
Das »C« in CSS in einem Film
Die Kaskade, also das »C« in den »Cascading Style Sheets« ist immer wieder eine Herausforderung beim Lernen von CSS. Dabei ist es gar nicht so schwer. Passt in einen Tweet oder einen Film.
Bilder optimieren: DPR 2 ist meist genug
HTML bietet mit dem Attribut srcset die Möglichkeit, je nach Auflösung des Bildschirms verschiedene Grafiken auszuliefern. Inzwischen gibt es jede Menge Geräte mit einer DPR 3 und einige sogar mit 4, Tendenz steigend. Muss man also jetzt von jedem Bild drei oder vier verschiedene Versionen ausliefern? Kurze Antwort: Nein, zwei sind fast immer genug.
Tool: Der CSS Grid Generator
Sarah Drasner hat mit dem CSS Grid Generator ein ziemlich geniales Tool erstellt. Kurz das Video anschauen und dann einfach mal ausprobieren.
W3C und WhatWG arbeiten zusammen
In Flexible Boxes hatte ich in Kapitel 3, »Eine kurze Geschichte von HTML5«, dass es in 2011 zu einer Trennung zwischen W3C und WhatWG kam. Jetzt haben sie die Zeichen der Zeit erkannt und sich wieder zusammen gerauft.
Flexbox oder Grid
Auf css-tricks.com erklärt Chris Coyier den Unterschied zwischen Flexbox und Grid, unter anderem anhand von zahlreichen Tweets zum Thema.
Webtechniken lernen 2: CSS-Grundlagen
Es gibt einen neuen Videokurs von mir. Zu den Grundlagen von CSS.
Eine kurze Geschichte von HTML5
Das Web ist nicht am Reißbrett entstanden, sondern im Laufe der letzten gut zwanzig Jahre natürlich gewachsen, und das gilt auch für HTML. Darum hilft ein kurzer Blick in die Entstehungsgeschichte von HTML5 dabei, die Verwirrungen rund um den Begriff besser zu verstehen.