CSS RULEZ

• ## Maths
• ## Forms
• ## Select
• ## Colour
• **Using relative colour syntax** https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Colors/Using_relative_colors
• **accent-color** https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/accent-color
• **color-mix()** https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/color_value/color-mix
• Love the background! May I steal it? lol
• ## Popover and DIalog
• ## Carousels
• Hahaha! Yes, of course you can. It's one of the community backgrounds: https://www.are.na/block/26303573
• **contrast-color()** (*takes a color value and return a contrasting color* https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/color_value/contrast-color
• **light-dark()** (*setup light and dark color scheme variants side-by-side in your CSS*) https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/color_value/light-dark
• ⚠️ contenteditable sounds better than it is, for even the mildest non-trivial case, all the cross browser/OS quirks of this make it a nightmare to use raw
• https://discuss.prosemirror.net/t/contenteditable-on-android-is-the-absolute-worst/3810
• oh, damn, thanks for the heads up D:
• **Gap decorations** https://drafts.csswg.org/css-gaps-1
• ## Layout
• **Subgrid** https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Grid_layout/Subgrid
• **Multi-column layout** https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Multicol_layout
• ## Slightly off topic Web APIs
• **Logical properties** (control layout through logic rather than physical props and dimensions) https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Logical_properties_and_values
• ## ViewTransition
• **ViewTransition** https://developer.mozilla.org/en-US/docs/Web/API/ViewTransition
• **Nested view transition groups** https://github.com/WICG/view-transitions/blob/main/nested-explainer.md
• **grid-lanes** (experimental) (*only in Webkit so far*) https://webkit.org/blog/17660/introducing-css-grid-lanes
• **Background Fetch API** https://developer.mozilla.org/en-US/docs/Web/API/Background_Fetch_API
• **Battery Status API** https://developer.mozilla.org/en-US/docs/Web/API/Battery_Status_API
• **downlink** (*shows network bandwidth*) https://developer.mozilla.org/en-US/docs/Web/API/NetworkInformation/downlink