Eine wunderbare Sammlung kleiner, layoutbezogener CSS-Snippets von Stephanie Eckles, die sowohl als schnelle Referenz als auch als Erinnerung daran dient, wie unkompliziert und leistungsfähig CSS geworden ist.
Zufällige Anmerkungen!
- Die größenveränderbaren Container sind keine JavaScript-Bibliothek. Es sind nur
<div>s mitresize: horizontal;undoverflow: auto;(obwohl es eine nette kleine Bibliothek dafür gibt, die die aktuelle Breitenanzeige ausgibt). - Jede Demo kann auf CodePen geöffnet werden, was die Prefill-API in Aktion ist.
- CSS-Custom-Properties sind geschmackvoll eingestreut, auf eine Weise, die sie verständlicher macht, anstatt weniger verständlich.
- Der Dunkelmodus wird nicht super-duper dunkel, sondern eher dunkle Blau- und Violetttöne. Das ist eine gute Erinnerung daran, dass der Dunkelmodus nicht Grau/Schwarz-Modus ist. Er merkt sich deine Einstellung, hat aber einen "Flash-of-Light-Mode", was das Boss-Mode-Problem bei Farbpräferenzen ist. Ich denke, man braucht serverseitige Technologie, um ihn wirklich perfekt zu machen.
- Die gesamte Website ist Open Source. Lang lebe Eleventy!