foolip

Given this HTML:

<div sink=container>
  before
  <!start>
  between
  <!end>
  after

foolip

<!-- replace all (no markers) -->

<div contentname="container">
  Loading...
</div>

<template contentfor="container">
  <p>result 1</p>
  <p>result 2</p>
</template>

foolip

{
  "abs-sign": {
    "url": "https://github.com/web-platform-dx/developer-signals/issues/165",
    "votes": 0
  },
  "accent-color": {
    "url": "https://github.com/web-platform-dx/developer-signals/issues/146",
    "votes": 0
  },
  "active-view-transition": {

foolip

{
  "year": {
    "2016": {
      "chrome": {
        "48": "2016-01-20",
        "49": "2016-03-02",
        "50": "2016-04-13",
        "51": "2016-05-25",
        "52": "2016-07-20",
        "53": "2016-08-31",

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