CSS bekommt eigene Funktionen – und das ist erst der Anfang
The Future of CSS
Josh W. Comeau stellt die zehn CSS-Features vor, für die er bei der Interop-2027-Abstimmung gestimmt hat. Ganz oben: @function für eigene CSS-Funktionen, mit denen sich etwa Polarkoordinaten in kartesische umrechnen lassen. Dazu kommen corner-shape für Bevels und Squircles, border-shape für frei gezeichnete Rahmen, verankerte Container Queries, eine inherit()-Funktion, scroll-getriggerte Animationen sowie reading-flow und reading-order. Viele dieser Features sind bereits in Chromium-Browsern implementiert.
Das fühlt sich für mich ziemlich nach Science-Fiction an, aber es ist bereits in Chromium-Browsern implementiert, und wenn es zu Interop 2027 hinzugefügt wird, stehen die Chancen meiner Meinung nach sehr gut, dass es früher als später breit verfügbar sein könnte!
- paczki
Als jemand, der aktiv versucht, so oft wie möglich bei Vanilla-HTML/CSS/JS zu bleiben, ist es ehrlich gesagt schwer, Leuten, die nur innerhalb von Frameworks schreiben, zu erklären, wie gut es geworden ist. Natürlich das richtige Werkzeug für die Aufgabe verwenden, aber es weckt Freude!
- fodkodrasz
Wow, noch mehr ausgefallene Rahmenstile! Unendliche Komplexität für nutzloses Eye-Candy. Date Picker funktionieren immer noch kaum; als ich das letzte Mal eine touch-optimierte Oberfläche (Handschuhe, industrielle Umgebung) mit Date Picker, Time Picker und numerischen Up/Down-Eingabefeldern bauen musste, brauchte es eigene Komponenten und JS ...
Aber wer braucht die schon, wenn wir Bezels und so weiter haben können ...
Wer braucht schon Möglichkeiten, zuverlässig die Anzeige der touch-plattformnativen Tastatur auszulösen, benachrichtigt zu werden, wenn sie angezeigt wird, und das Eingabefeld in den sichtbaren Bereich zu verschieben, damit es nicht von der Tastatur verdeckt wird?
Deshalb ist das Web eine schreckliche Plattform im Vergleich zu Windows Forms, um Dinge erledigt zu bekommen. Weil diejenigen, die die Standards machen, nur an der Erstellung von Gimmicks arbeiten.
- CharlesW
Da ich vor der Negativität hier bin: Ich liebe CSS! Aus irgendeinem Grund hat es für mich immer Sinn ergeben. Ich habe großen Respekt vor allen, die die Hartnäckigkeit haben, Verbesserungen voranzutreiben, die vielleicht 5–10 Jahre brauchen, bis sie allgemein genutzt werden, wenn überhaupt.
- 4b11b4
Schön, Josh schreiben zu sehen, besonders nachdem seine Kurse so einen Schlag abbekommen haben. Er ist exzellent. Als Elektroingenieur und jetzt auch CS-Absolvent und jemand, der seine Kurse gekauft hat, um über den gesamten Stack hinweg arbeiten zu können ... und doch auch gedacht hat: "Gott sei Dank muss ich CSS nicht wirklich lernen" (ja, wegen der zunehmenden Modellleistung).
Apropos, dank Josh weiß ich vielleicht gerade genug, um gefährlich zu sein (Zaubersprüche wirken: z. B. sollten wir die nicht in einen eigenen Container packen und innerhalb dieses Containers sollte das nicht eine Flexbox sein?). Ich schätze, ich bin hier, um zu sagen, dass Menschen voller Widersprüche sind.
- afavour
Ich gehöre zu der scheinbaren Minderheit, der die Arbeit mit CSS wirklich Spaß macht. Und die Art, wie ich es heute verwende, unterscheidet sich so sehr von der vor ein paar Jahren, z. B. CSS-Module, eine Palette mit Variablen deklarieren und sie dann für den Dark Mode ändern ... es macht wirklich großen Spaß, damit zu arbeiten.
- markasoftware
Ich weiß, dieser Beitrag handelt nicht vom Vibecoding von Frontends, ABER ...
Viele meiner Kollegen und Freunde freuen sich, dass sie keine Frontends mehr schreiben müssen. Ich denke tatsächlich, dass Frontends das Letzte sind, was vibecodet werden sollte. Es ist der Teil, der dem Nutzer gegenübersteht. Es ist das, was dem Nutzer hilft, sich einen ersten Eindruck von deinem Produkt zu bilden. Wenn deine Landingpage aussieht, als wäre sie in 30 Sekunden von Claude erstellt worden, werden sie annehmen, dass der Rest deines Produkts auch so ist. Nutze KI-Unterstützung für die Teile deiner Codebasis, bei denen nur die reine Funktionalität zählt (z. B. das Backend), und stecke echte menschliche Arbeit und Sorgfalt in das Frontend, das den Aufwand widerspiegelt, der in den Rest des Systems gesteckt wurde.
- watersb
Die Diskussion hier hat mich an eine meiner Lieblingsdemos erinnert: jemand, der live Qt5 und QML auf einem Raspberry Pi der ersten Generation, 1080p HDMI, codet. Eine Art Mashup aus CSS und JavaScript für einfache Shader. Vor vierzehn Jahren.
https://youtu.be/0j-Wakm5B84?is=7dU_EvFyk_nQNwjO
Es ist wie ein Blick in eine CSS-Zukunft aus einer anderen Zeitlinie. Etwas, das wir hätten haben können.
- alberth
Vielleicht bin ich allein damit, aber all diese Vorschläge scheinen CSS unnötig komplex zu machen (oder eher wie JS).
Besonders Funktionen.
Das erinnert mich an einen früheren Beitrag des Autors, der 100.000 Codezeilen geschrieben hat, um seinen Blog zu betreiben.