Plataforma Web Baseline 2023

• Baseline: uma linha de base que indica se um recurso da plataforma web está pronto para ser usado nos principais navegadores. São 2 etapas (entra como Newly e, após 30 meses, torna-se Widely)
  • Agora o site Can I Use também adotou o Baseline, então em certos recursos aparecem os badges Newly/Widely
• Container Query por tamanho de elemento
• Novos espaços de cor e funções: possibilidade de acessar cores fora da gama sRGB, lch()/lab()/oklch()/oklab(), color-mix(), color()
• Compression Streams API
• Offscreen Canvas: renderização separada do DOM. Melhora de desempenho e passa a permitir suporte a WebWorker
• Suporte a Module Preload
• Funções trigonométricas incluídas no baseline: sin(), cos(), tan(), asin(), acos(), atan(), atan2()
• Atributo inert: ao ser definido, impede movimentação e torna a interação impossível (não dispara evento de click, não pode receber foco, é excluído da árvore de acessibilidade)
• Suporte a Subgrid no layout CSS Grid
• NumberFormat V3
• Fullscreen API
• Seletor CSS :has()
• Outros recursos adicionados ao Baseline este ano
  • Constructable Stylesheets
  • Seletores nth-child complexos em CSS
  • Sintaxe de intervalo para media queries
  • Import Maps
  • Múltiplos valores para display em CSS
  • @counter-style
  • A propriedade CSS counter-set
  • A função de easing linear()
  • Origin Private File System (OPFS)
  • CSS Nesting, incluindo a mudança que adiciona parsing mais permissivo
  • Seletor de pseudoclasse CSS :dir()
  • Unidade de comprimento cap em CSS
  • CSS masking
  • Suporte a media query para elementos HTML de vídeo <source>
  • O elemento HTML <search>
  • Lazy loading de elementos <iframe> (chegando ao Firefox 121 em 19 de dezembro)
  • As unidades CSS de line-height lh e rlh

[kyc1682]

Fico feliz que muitas funcionalidades incríveis tenham sido adicionadas ao CSS.