11P by xguru 6달전 | favorite | 댓글 2개
  • 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

언제쯤이면 아무렇지도 않게 사용할 날이 오려나...

CSS에 멋진 기능이 많이 추가되서 행복해요