Schepp führt Hans und Peter durch eine Präsentation über neue CSS-Features, die er für das Meetup Web Design Cologne vorbereitet hatte.
[00:00:29] Schaunotizen
- CSS Next
- Ungeachtet der komplizierten Frage, ob es so etwas wie ein CSS4 gibt oder geben sollte (siehe auch Revision 420) starten wir einen wilden Ritt durch neue CSS-Features! Wir sprechen über LCH-Farben, neue Lösungen für Floats und Clearfixes,
attr()
2.0, Seitenverhältnisse (auch für Video) Scrollbar-Styling (mit Shoutout an den IE6) und Houdini, speziell das Typed CSSOM und die Paint-API. Mehr neue Features findet ihr unter cssdb.org und in Schepps Präsentation (Chrome Canary empfohlen).
Kommentare
Sebastian #
Geschrieben am 2.06.2020 um 20:14
Guten Abend,
schöne Folge habe ich sehr genossen. Danke dafür.
Beim Thema Scrollbar-Styling seit ihr ein wenig schnell drüber gegangen, andererseits gibt es da ja auch nicht viel zu sagen. Eigentlich kann man nicht viel machen. Die Breite kann in drei Stufen (keine, dünnne und breite (wie man das unter Windows normalerweise kennt) Scrollbars. Außerdem kann man zwei Farben, eine für den Schieber und eine für den Rest, festlegen. Der Browser entscheidet dann wie er es darstellt, Firefox unter Windows schattet während der Nutzung den Schieber ab und entscheidet auch selbstständig über die Farbe der Icons in den „Knöpfe“ oben und unten um einen Kontrast sicherzustellen.
Mit den angaben zur Breite kann man ganz gut arbeiten. Zum Beispiel wirken Textareas nicht so aufdringlich wenn man für Sie den schmalen Modus setzt. Bei den Farben ist es hingegen etwas Glücksache ob das Farbschema der Seite gut mit den Effekten des Browsers harmonisiert.
Unter Linux oder MacOS hab ich nicht nachgesehen als ich das vor ein paar Wochen kurz ausprobiert hatte.
Mit Liebe Grüße und in freudiger Erwartung der nächsten Episode verbleibe ich dankend
Sebastian
Hans #
Geschrieben am 3.06.2020 um 08:18
Hey Sebastian,
danke dir für die Einblicke! Cool, dass du diese Erfahrungen gesammelt hast. Hast du bei deiner Recherche gute Beispiele gefunden, die sich auf anderen Betriebssystemen testen lassen?
Sebastian #
Geschrieben am 3.06.2020 um 21:52
Hallo Hans,
ich habe dazu im April was geschrieben: http://human-injection.de/articles/scrollbarstyle. In dem Artikel sind auch „schön bunte“ Beispiele auf JSFiddle verlinkt. Aber denkt dran, das geht nur im Firefox und da auch nur in der Developer Edition und neuer (glaub ich).
Witzigerweise kann man die Properties auch mit Pseudoklasse kombinieren. Viel Spaß damit, aber Achtung: Die Farben in den Beispielen sind recht grell.
Liebe Grüße
Sebastian
RSS-Feed zu diesem Beitrag
Kommentare sind für diesen Beitrag geschlossen.