Ambient CSS v3: Blender trifft auf CSS
Ambient CSS v3 – Blender meets CSS
Ambient CSS ist ein physikbasiertes Lichtsystem für CSS, das Webseiten mit realistischen Lichteffekten versieht. Die Version 3 bringt globale und benutzerdefinierte Lichter, interaktive Lichtrichtung per Mauszeiger, sowie Materialien wie Glas, Metall und gebürstete Oberflächen. Jede Szene wird live neu beleuchtet, und React-Komponenten sind enthalten.
Jede Szene wird live neu beleuchtet – physikalisch basiertes CSS.
- CSSer
Ich mag wirklich nicht, wie der Dribbble/Envato-Stil irgendwie aus dem Container ausgebrochen ist und jetzt in Claude gelandet ist, und jetzt sehe ich ihn überall, vermischt mit mittelmäßigen Design-Layouts. Ich denke mir, dass so etwas vielleicht helfen könnte, dem entgegenzuwirken, aber dann sehe ich es in Verwendung mit 12-Pixel-Typografie (das Kubernetes-3D-Dashboard-Ding) und ich schrecke entsetzt zurück. Bitte betrachtet das als einen öffentlichen Hinweis: Claude versteht UX oder gute Designprinzipien nicht von Haus aus. Bitte geht und umarmt einen Designer.
- graypegg
Kleinigkeit, aber Elevation würde viel mehr Sinn ergeben, wenn man eine Grundebene annehmen und eine Perspektive setzen würde und dann auf der Z-Achse nach oben per translate3d verschieben würde. Es würde auch die Größe des Elements vergrößern.
Abgesehen davon ist es wahrscheinlich nervig, mit transformierten DOM-Knoten zu arbeiten, aber der Hintergrund, der sich im "Bounce"-Beispiel als einziges bewegt, ist mir als seltsam aufgefallen.
Außerdem scheinen die Texturen nur Verläufe oder eingebettete Texturdaten zu sein. Ich dachte, das würde https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/V... verwenden und für Firefox auf Verläufe/vorgefertigte Bilder zurückfallen.
- alexaholic
Das haben wir während der Web-2.0-Ära mit PNGs, GIFs und `progid:DXImageTransform` gemacht, weil man es damals nicht mit reinem CSS machen konnte. Dann, als sich CSS (und MS!) weiterentwickelt haben, um es zu ermöglichen, ist die Welt zu flachen UIs übergegangen. Das ist schon ironisch, oder?
- mminer237
Netter Einfall, fühlt sich aber sehr schlecht gemacht an.
Die Lichtrichtung steuert aus irgendeinem Grund das gesamte Raster, hört aber außerhalb eines willkürlichen Divs auf und funktioniert oft einfach gar nicht mehr, zusätzlich fühlt es sich für einen so einfachen Effekt träge an.
Die Kanäle sind durcheinander. Das Beispiel scheint nicht zu funktionieren, während es im Video aus irgendeinem Grund nur zwei Kanten weiß macht?
Die Farboptionen und Texturen sind irgendwie hässlich. Die Glasfarben funktionieren offensichtlich einfach nicht. "Messing" wird beim letzten aus irgendeinem Grund zu "Oliv"?
Die Radio-Buttons sind eine schlechte Idee für ein digitales Interface, völlig inkonsistent umgesetzt(‽), und der mittlere funktioniert überhaupt nicht.
Buttons haben praktisch kein Feedback, ob sie gedrückt sind oder nicht.
Erinnert mich stark an Googles Material Design, zumindest an die älteren Versionen davon, nur viel schlampiger und weniger benutzbar und weniger bunt.
- charlesrice
Mein Favorit sind die Regler, bei denen man einige greifen und drehen kann, als wären sie physisch, aber andere reagieren nur auf die vertikale Position des Cursors, sodass man sich wie ein Verrückter fühlt, wenn man versucht, sie zu benutzen.