वेब प्लेटफ़ॉर्म Baseline 2023

• Baseline: वेब प्लेटफ़ॉर्म की उन सुविधाओं के लिए एक मानक जो बताता है कि वे प्रमुख ब्राउज़रों में उपयोग के लिए तैयार हैं। इसके 2 चरण हैं (Newly में आने के 30 महीने बाद यह Widely बन जाता है)
  • अब Can I Use साइट में भी Baseline शामिल कर लिया गया है, इसलिए कुछ सुविधाओं पर Newly/Widely बैज दिखाई देते हैं
• Element Size Container Query
• नए color space और functions: sRGB color gamut के बाहर के रंगों तक पहुंच संभव, lch()/lab()/oklch()/oklab(), color-mix(), color()
• Compression Streams API
• Offscreen Canvas: DOM से अलग होकर render होता है। इससे performance बेहतर होती है और WebWorker support संभव होता है
• Module Preload support
• Trigonometric functions अब baseline में शामिल हैं: sin(), cos(), tan(), asin(), acos(), atan(), atan2()
• inert attribute: इसे सेट करने पर element निष्क्रिय हो जाता है और interaction संभव नहीं रहता (click event नहीं होता, focus नहीं मिलता, accessibility tree से बाहर हो जाता है)
• CSS Grid layout में Subgrid support
• NumberFormat V3
• Fullscreen API
• CSS :has() selector
• इसके अलावा इस साल Baseline में जोड़ी गई अन्य सुविधाएँ
  • Constructable Stylesheets
  • CSS में complex nth-child selectors
  • Media queries के लिए range syntax
  • Import Maps
  • CSS display के लिए multiple values
  • @counter-style
  • counter-set CSS property
  • linear() easing function
  • Origin Private File System (OPFS)
  • CSS Nesting, जिसमें relaxed parsing जोड़ने वाला बदलाव भी शामिल है
  • CSS :dir() pseudo-class selector
  • CSS cap length unit
  • CSS masking
  • HTML video <source> elements के लिए media query support
  • HTML <search> element
  • <iframe> elements की lazy loading (19 दिसंबर को Firefox 121 में शामिल)
  • lh और rlh CSS line-height units

[kyc1682]

CSS में कई शानदार features जुड़ गए हैं, इसलिए मैं खुश हूँ।