[{"data":1,"prerenderedAt":73},["ShallowReactive",2],{"term-b\u002Fbaseline":3,"related-b\u002Fbaseline":59},{"id":4,"title":5,"acronym":6,"body":7,"category":40,"description":41,"difficulty":42,"extension":43,"letter":44,"meta":45,"navigation":46,"path":47,"related":48,"seo":53,"sitemap":54,"stem":57,"subcategory":6,"__hash__":58},"terms\u002Fterms\u002Fb\u002Fbaseline.md","Baseline",null,{"type":8,"value":9,"toc":33},"minimark",[10,15,19,23,26,30],[11,12,14],"h2",{"id":13},"eli5-the-vibe-check","ELI5 - The Vibe Check",[16,17,18],"p",{},"Baseline is the label that finally answers can I actually use this CSS feature yet, without you tab hopping between five different browser support tables. If a feature is marked Widely available, every major browser has supported it for about 30 months straight. It's basically a green light system so you stop guessing and start shipping.",[11,20,22],{"id":21},"real-talk","Real Talk",[16,24,25],{},"Baseline is a cross browser initiative, backed by the W3C WebDX Community Group and shown on MDN and caniuse, that indicates whether a web platform feature is safe to use across all major browsers. Features are marked Newly available once supported by the latest versions of Chrome, Edge, Firefox, and Safari, and Widely available after roughly 30 months of that support.",[11,27,29],{"id":28},"when-youll-hear-this","When You'll Hear This",[16,31,32],{},"\"Check Baseline before you reach for a polyfill, it might already be safe to ship.\" \u002F \"Container queries just hit Baseline Widely available, so we can drop the fallback.\"",{"title":34,"searchDepth":35,"depth":35,"links":36},"",2,[37,38,39],{"id":13,"depth":35,"text":14},{"id":21,"depth":35,"text":22},{"id":28,"depth":35,"text":29},"frontend","Baseline is the label that finally answers can I actually use this CSS feature yet, without you tab hopping between five different browser support tables.","beginner","md","b",{},true,"\u002Fterms\u002Fb\u002Fbaseline",[49,50,51,52],"Container Query","Polyfill","Progressive Enhancement","Feature Detection",{"title":5,"description":41},{"changefreq":55,"priority":56},"weekly",0.7,"terms\u002Fb\u002Fbaseline","vbeOcMwFqOtLFixFq7cM9rioOUeiJZ-wsIz-9XEu_Ck",[60,64,67,70],{"title":49,"path":61,"acronym":6,"category":40,"difficulty":62,"description":63},"\u002Fterms\u002Fc\u002Fcontainer-query","intermediate","Container queries are like media queries, but instead of checking the window size, they check the size of the parent container. Finally.",{"title":52,"path":65,"acronym":6,"category":40,"difficulty":42,"description":66},"\u002Fterms\u002Ff\u002Ffeature-detection","Feature Detection checks if a browser supports a feature before trying to use it.",{"title":50,"path":68,"acronym":6,"category":40,"difficulty":42,"description":69},"\u002Fterms\u002Fp\u002Fpolyfill","A polyfill is a piece of code that teaches old browsers new tricks. Browser doesn't support Promise? Here's a polyfill that fakes it.",{"title":51,"path":71,"acronym":6,"category":40,"difficulty":62,"description":72},"\u002Fterms\u002Fp\u002Fprogressive-enhancement","Progressive enhancement means building a web page that works for everyone at its most basic level, then layering on fancy features for browsers that suppor...",1792528064859]