PPK schaut sich aspect-ratio an, eine CSS-Eigenschaft für Layout, die im Großen und Ganzen genau das tut, was man von ihr erwarten würde. Sie wird interessanter, da sie in Firefox und Safari nun hinter einem Flag liegt, also werden wir …
Ich stieß kürzlich auf ein interessantes Problem. Ich musste ein Raster von Karten mit einem variablen (vom Benutzer festgelegten) Seitenverhältnis implementieren, das in einer --ratio benutzerdefinierten Eigenschaft gespeichert war. Kästen mit einem bestimmten Seitenverhältnis sind ein klassisches Problem in...
Und es wurde gestern veröffentlicht! Die große Neuigkeit für uns in der CSS-Welt ist, dass die neue Version die Eigenschaft aspect-ratio unterstützt. Dies geschieht kurz nach der Ankündigung von Safari, sie ebenfalls zu unterstützen in Safari Technology Preview 118, …
Jen hat gerade getwittert, dass die neueste Safari Technical Preview aspect-ratio hat. Es sieht so aus, als hätten Chrome und Firefox es beide hinter einem Flag, also mit Safari im Boot werden wir es bald alle haben.
Das Erstellen von fluiden Bildern, wenn sie allein in einem Layout stehen, ist heutzutage einfach genug. Mit ausgefeilteren Interfaces müssen wir Bilder jedoch oft in responsive Elemente einbetten, wie diese Karte
Vorerst sagen wir, dieses Bild ist *nicht* semantisch …
Oh hey! Eine brandneue Eigenschaft, die beeinflusst, wie eine Box dimensioniert wird! Das ist eine große Sache. Es gibt bereits viele Wege, eine Box mit einem Seitenverhältnis zu erstellen (und ich würde sagen, diese Lösung basierend auf Custom Properties ist die beste), …
Bauen wir ein buchstäbliches Raster aus Quadraten und platzieren die Logos einiger Magazine zentriert in jedem Quadrat. Ich stelle mir vor, dass viele von Ihnen bereits ein Logo-Raster erstellen mussten. Sie können es sich wahrscheinlich schon vorstellen: ein Bereich …
Mit CSS Grid ein Raster zu erstellen, ist nun ja, der eigentliche Sinn der Sache. Aber was, wenn Sie möchten, dass alle diese Grid-Elemente ein Seitenverhältnis beibehalten, wie zum Beispiel ein 1:1-Quadrat? Es ist möglich, aber es erfordert ein wenig Trickserei. In diesem …
IN EINER WELT von responsiven und fluiden Layouts im Web, HINDERT EIN MEDIENTYP die perfekte Harmonie: Video. Es gibt viele Möglichkeiten, wie Video auf Ihrer Website angezeigt werden kann. Möglicherweise hosten Sie es selbst …
