foolip

https://web.dev/blog/baseline2023 mapping to web-features

Size container queries and container query units -- container-queries
New color spaces and functions
 New color models -- TODO
 The color-mix() function -- https://github.com/web-platform-dx/web-features/pull/527
 The color() function -- TODO
Compression streams -- https://github.com/web-platform-dx/web-features/pull/528
Offscreen canvas -- offscreen-canvas
Module preload -- TODO

foolip

100vh on mobile
:deep-hover so I can have multiple :hover like states on a whole stack of overlapping (non-ancestorial) elements at the same time. One at a time is a tight bottleneck. Also would like a css-only way to limit focused dropdown keyboard auto selection to a single character instead of the default key input timing-based behavior for instant selection change.
:nth-child() and similar functions' <An+B> syntax
<select> tag styling 
A system for single file components in React like Vue has
Accessibility
Accessibility
Accessibility
Accessibility: ads extra data aria labels for video description so it's possible to add alternative text not only below the video 
Animate from display none to block and backwards

foolip

"leading-trim" support
"squircles" for border-radius
"stuck" when a sticky element is stuck
1) reliable print styles, 2) better styling options for some HTML elements
::stuck for position sticky
:is-stuck – know when a position:sticky element is being sticky.
:stuck pseudo selector for position: sticky elements
:stuck pseudo-class for sticky elements
:stuck pseudo-selector for position sticky! expanding width for inputs!
:stuck selector for sticky State

foolip

 'svh', 'lvh', 'dvh', 'svw', 'lvw', 'dvw'
-webkit-background-clip
::-webkit-scrollbar
::marker
:focus-visible is supported, but it's still too soon for us to use it.
:has
:has()
:is
:not()
:not()

foolip

foolip

foolip

foolip

2020-01-01
  -> 2020-01-01: chrome availability 0.12% (0.04% / 30.15%)
  -> 2020-01-01: edge availability 0.00% (0.00% / 2.09%)
  -> 2020-01-01: firefox availability 0.00% (0.00% / 4.41%)
  -> 2020-01-01: safari availability 0.00% (0.00% / 4.14%)
  -> 2020-01-01: TOTAL availability 0.09% (0.04% / 40.78%) (of the included browsers)
  -> 2020-02-01: chrome availability 0.19% (0.06% / 29.40%)
  -> 2020-02-01: edge availability 0.00% (0.00% / 2.04%)
  -> 2020-02-01: firefox availability 1.33% (0.06% / 4.30%)
  -> 2020-02-01: safari availability 0.00% (0.00% / 3.97%)

foolip

reactions	issue
596	Improving ergonomics of events with Observable
446	[css-transitions] Transition to height (or width) "auto"
442	[css-values-4][css-writing-modes-4] Revisit decision to use 永 instead of 水 as the ic unit
353	Let’s Define CSS 4
294	[css3 positioning] support position:sticky inside an overflow:hidden|auto on general parents
291	[css-inline] Leading control at start/end of block
256	Proposal: define default for all
255	[css-pseudo-4] Standardizing input[type="range"] styling

foolip