Es klingt immer wahrscheinlicher, dass wir echte Container-Queries bekommen werden. Google prototypisiert eine Syntaxidee von David Baron und verfeinert von Miriam Suzanne. Anscheinend wurde bereits mit dem Prototyping für ein switch() begonnen...
Zum millionsten Mal: Wir brauchen Container-Abfragen in CSS! Und raten Sie mal, es sieht so aus, als ob wir in diese Richtung gehen.
Beim Erstellen von Komponenten für eine Website weiß man nicht immer, wie diese Komponente verwendet wird. Vielleicht ...
Heydons <watched-box> ist ein verdammt fantastisches Werkzeug. Es ist ein Custom Element, das im Wesentlichen Container-Queries über Klassennamen implementiert, die basierend auf Größen-Breakpoints, die mit ResizeObserver berechnet werden, zur Box hinzugefügt werden. Es ist wie ein...
Das ist der Titel eines öffentlichen Beitrags von David Baron, Principal Engineer bei Firefox, mit Gedanken zu Container-Queries. Ich weiß, dass viele Leute den Atem angehalten haben und auf Davids Ideen warten, da er einer der wenigen ...
Container-Queries gibt es heute noch nicht, aber viele Webentwickler argumentieren in letzter Zeit zu ihren Gunsten. Zuerst klingt die Idee relativ einfach: Während Media Queries es uns ermöglichen, Stiländerungen basierend auf der Breite des ...
Container-Queries stehen immer ganz oben auf der Liste der gewünschten Verbesserungen für CSS. Die allgemeine Meinung ist, dass wir, wenn wir Container-Queries hätten, nicht so viele globale Media Queries basierend auf der Seitengröße schreiben würden. Das liegt daran, dass wir ...
Container-Queries, also die Fähigkeit, Elemente basierend auf Werten eines bestimmten Elements zu stylen, wie seiner Breite und Höhe. Wir haben Media Queries, aber diese basieren auf dem Viewport und nicht auf einzelnen Elementen. Es gibt viele ...
Derzeit haben wir die Möglichkeit, CSS zu schreiben, das nur angewendet wird, wenn das Browserfenster selbst eine bestimmte Breite oder Höhe hat. Breakpoints, sozusagen. Super nützlich. Was wir (nativ) nicht haben, ist die Fähigkeit, bedingte ...
Ich vermute, der Plan ist, mit den „Element Queries“ aufzuhören und sie als „Container Queries“ zu bezeichnen und zu denken. Wir verfolgen diese Saga schon eine Weile. Element Queries haben einen ernsten Nachteil: Endlosschleifen.
.our-element:media(min-width: 500px) {