디지털 플랫폼 - 웹플랫폼

• Baseline: 웹플랫폼의 기능을 주요 브라우저에서 사용할 준비가 되었는지를 알려주는 기준선. 2단계(Newly로 들어와서, 30개월후 Widely가 됨)
  
  

  

  
   
  • 이제 Can I Use 사이트에도 Baseline이 도입되어 특정 기능에서는 Newly/Widly 뱃지가 보여짐
• 엘리먼트 Size Container Query
• 새로운 컬러공간 및 함수들 : sRGB 색 영역을 벗어난 색에 접근 가능, lch()/lab()/oklch()/oklab(), color-mix(), color()
• Compression Streams API
• Offscreen Canvas : DOM 과 분리되어서 렌더링됨. 속도 향상 및 WebWorker 지원이 가능해짐
• Module Preload 지원
• 삼각함수가 베이스라인에 포함됨: sin(), cos(), tan(), asin(), acos(), atan(), atan2()
• inert 속성 : 설정시 움직이지 못하게 되어서 인터랙션이 불가능해짐 (click 이벤트 발생 안됨. 포커스 못받음. 접근성 트리에서 제외)
• CSS Grid 레이아웃에서 Subgrid 지원
• NumberFormat V3
• Fullscreen API
• CSS :has() 셀렉터
• 그외 올해 Baseline에 추가된 기능들
  • Constructable Stylesheets
  • Complex nth-child selectors in CSS
  • The range syntax for media queries
  • Import Maps
  • Multiple values for CSS display
  • @counter-style
  • The counter-set CSS property
  • The linear() easing function
  • Origin Private File System (OPFS)
  • CSS Nesting, including the change that adds relaxed parsing.
  • CSS :dir() pseudo-class selector
  • CSS cap length unit
  • CSS masking
  • Media query support for HTML video <source> elements
  • The HTML <search> element
  • Lazy loading of <iframe> elements (landing in Firefox 121 on December 19th)
  • The lh and rlh CSS line-height units

 

https://web.dev/blog/baseline2023?hl=ko

기준: 2023년  |  web.dev