2026-04-19T08:26:20Z https://yabu.me MDN Web Docs https://yabu.me/npub1azl49z5aacf56hgus0xn95fhrtmvuy9kmj6lnczk979pwsdddulqqntw5z https://files.mastodon.social/accounts/avatars/000/292/770/original/a37f5333aaa28bf4.png https://files.mastodon.social/accounts/avatars/000/292/770/original/a37f5333aaa28bf4.png https://yabu.me/nevent1qqsg6ren5q28m04tan5xt0up6uvsqygvjw4ktf9datttapqs8yzfg8qzyr5t7552nhhpxn2arjpu6vk3xud0dnsskmwtt70q2chc596p44hnuxtlfj2 CSS nesting is now Baseline 🎉<br/><br/>Write nested selectors directly in CSS — just like Sass, but natively.<br/><br/>.card {<br/> color: black;<br/> &amp;:hover { color: blue; }<br/> .title { font-weight: bold; }<br/>}<br/><br/>No preprocessor needed.<br/><br/>Learn more 👇<br/><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_nesting">https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_nesting</a> 2026-03-29T07:00:07Z https://yabu.me/nevent1qqsymth8kw2kdfk48r5agmm8pyn84m70jult8d6lh8gvcxyr23lcg0gzyr5t7552nhhpxn2arjpu6vk3xud0dnsskmwtt70q2chc596p44hnu4f9zsn Creating a resolvable Promise just got cleaner 🧹<br/><br/>`Promise.withResolvers()` returns { promise, resolve, reject }<br/>No more wrapping logic inside the constructor.<br/><br/>Learn more 👇<br/><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise/withResolvers">https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise/withResolvers</a><br/> <img src="https://files.mastodon.social/media_attachments/files/116/195/564/481/907/958/original/28e699184fb87213.png"> <br/> 2026-03-08T21:00:09Z https://yabu.me/nevent1qqsynkyen7772vxdjp2a7f4q0v6jm7e8q8g8hldwjugdjt7x9g38p0szyr5t7552nhhpxn2arjpu6vk3xud0dnsskmwtt70q2chc596p44hnua0yu9z Meet the CSS Custom Highlight API ✨<br/><br/>Style arbitrary text ranges without modifying the DOM.<br/>📝 Great for search results<br/>💻 Syntax highlighting<br/>📚 Text annotations<br/><br/>Learn how it works 👇<br/><a href="https://developer.mozilla.org/en-US/docs/Web/API/CSS_Custom_Highlight_API">https://developer.mozilla.org/en-US/docs/Web/API/CSS_Custom_Highlight_API</a> 2026-02-18T09:00:06Z https://yabu.me/nevent1qqs0xryexknk4tt0ltt6fytrhk5zq4qx3f3fn2qs8qey8gfmpqtqzaszyr5t7552nhhpxn2arjpu6vk3xud0dnsskmwtt70q2chc596p44hnu0f8cdw We&#39;re exploring ways to make it easier to share specific links to sections on MDN. Which interaction feels most natural to you?<br/><br/>Vote A, or B. 🗳️<br/> <img src="https://files.mastodon.social/media_attachments/files/116/086/801/010/703/504/original/a2c5e8a66ebf038d.png"> <br/> 2026-02-17T16:00:11Z https://yabu.me/nevent1qqszfvtg2t6fs78u9x4dlntjwtdzn2jxxsm5q9lwlzk4sh26qq8m6aqzyr5t7552nhhpxn2arjpu6vk3xud0dnsskmwtt70q2chc596p44hnu2fhp38 🆕 The URL Pattern API is Newly Available!<br/><br/>Use it to match and extract parts of URLs, no need to reinvent routing logic. Supports literals, wildcards, named groups, and even regex constraints.<br/><br/>Learn how it works 👇 <br/><a href="https://developer.mozilla.org/en-US/docs/Web/API/URL_Pattern_API">https://developer.mozilla.org/en-US/docs/Web/API/URL_Pattern_API</a><br/> <img src="https://files.mastodon.social/media_attachments/files/115/961/051/347/789/294/original/689ac3ad7e11bf9e.png"> <br/> 2026-01-26T11:00:22Z https://yabu.me/nevent1qqsgxt6sq8cf93p97t9jdccjfylldpaj88zw8az9hguquqnn7ydmlzqzyr5t7552nhhpxn2arjpu6vk3xud0dnsskmwtt70q2chc596p44hnuf2u0l2 MDN is more than just a resource. It&#39;s a community of developers, contributors, and learners passionate about web development. <br/><br/>Contribute to,<br/>📚 MDN documentation<br/>🤝 Help other devs<br/>💟 Localize content<br/>📝 Review or write on MDN<br/><br/>Start now 👇 <br/><a href="https://developer.mozilla.org/en-US/community">https://developer.mozilla.org/en-US/community</a> 2025-12-31T13:00:09Z https://yabu.me/nevent1qqsxugz6u6m9lx8uay9ughmmuhclkhl04n89q86suewqf8v38a3yhpszyr5t7552nhhpxn2arjpu6vk3xud0dnsskmwtt70q2chc596p44hnuztacp8 Fine-tune multilingual typography with text-autospace ✨<br/><br/>It lets you control spacing between CJK and Latin characters.<br/>&gt; text-autospace: ideograph-alpha ideograph-numeric punctuation;<br/><br/>Now available on Baseline 2025. 🎉 <br/><br/>Learn more 👇 <br/><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/text-autospace">https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/text-autospace</a><br/> <img src="https://files.mastodon.social/media_attachments/files/115/616/121/444/592/497/original/8c07bf1e3d04f947.png"> <br/> 2025-11-26T13:00:10Z https://yabu.me/nevent1qqsw94hvlfxmjr0u2j32zt0us8q8agphu7wxhc48r3pp4ywkvyx8gjszyr5t7552nhhpxn2arjpu6vk3xud0dnsskmwtt70q2chc596p44hnu3dles8 ✨ One line of CSS. Smooth page transitions. No JavaScript.<br/><br/>```<br/>@view-transition {<br/> navigation: auto;<br/>}<br/>```<br/><br/>The 🆕 CSS View Transitions bring native animations to multi-page apps, no SPA setup needed!<br/><br/>Explore now 👇<br/><a href="https://developer.mozilla.org/en-US/blog/view-transitions-beginner-guide/">https://developer.mozilla.org/en-US/blog/view-transitions-beginner-guide/</a> 2025-10-23T11:00:06Z https://yabu.me/nevent1qqsf37cr086pdje72xlp6e73j2apkr9l5md8mf6a3kuept0wjpejvvgzyr5t7552nhhpxn2arjpu6vk3xud0dnsskmwtt70q2chc596p44hnutdkul8 Relative color syntax is a game changer! 🎨<br/>Lighten, darken, shift hue, tweak alpha, all without manually converting color formats.<br/><br/>✅ Works with custom properties<br/>✅ Keeps your design system DRY<br/>✅ Supported in modern browsers<br/><br/>Learn more 👇<br/><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_colors/Relative_colors">https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_colors/Relative_colors</a> 2025-09-03T12:00:07Z https://yabu.me/nevent1qqsfkx7jjqx5dq0p94lh7yse5va5ya3ucdzp0s5c767ctlgkx07mgjszyr5t7552nhhpxn2arjpu6vk3xud0dnsskmwtt70q2chc596p44hnudywsju We’ve launched MDN’s new front end — and it’s just the beginning.<br/><br/>Intentionally targeting Baseline &#34;Widely available&#34; features when deciding on which ones to use. This means we&#39;re able to adopt modern CSS and web components for our UI.<br/><br/>Check it out 👇 <br/><a href="https://developer.mozilla.org/en-US/blog/launching-new-front-end/">https://developer.mozilla.org/en-US/blog/launching-new-front-end/</a> 2025-08-25T10:00:02Z https://yabu.me/nevent1qqst28sl5j54n5nyf2tnpgkyf4h08lentv3qc5n2t3793mdgt8k5dmczyr5t7552nhhpxn2arjpu6vk3xud0dnsskmwtt70q2chc596p44hnuprf3ez Support MDN, support the web 🧡<br/><br/>The MDN swag is live! Now you can rep your favorite dev resource with t-shirts, hoodies, mugs, and more, shipped straight to your door 🏠<br/><br/>🇺🇸 US → <a href="https://mozilla-na.myspreadshop.com/">https://mozilla-na.myspreadshop.com/</a><br/>🇪🇺 EU/UK → <a href="https://mozilla-europe.myspreadshop.ie/">https://mozilla-europe.myspreadshop.ie/</a><br/><br/>(And yes, ships internationally too!)<br/> <img src="https://files.mastodon.social/media_attachments/files/114/987/132/943/885/945/original/fb85baba71b39f6e.png"> <br/> 2025-08-07T11:00:07Z https://yabu.me/nevent1qqsfsr5ru6ls622jlyeewjeutdy8thufef80a5m7ckn9eyqjv3lplyczyr5t7552nhhpxn2arjpu6vk3xud0dnsskmwtt70q2chc596p44hnuzzlkyj &lt;small&gt; - It’s not just about font size! 🔠<br/><br/>It is meant to represent side comments, legal disclaimers, fine print, or less prominent text, not just make things smaller visually.<br/><br/>📜 Used for:<br/>Legal disclaimers<br/>Copyright notes<br/>A11y hints, etc<br/><br/>Read more 👇<br/><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/small">https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/small</a> 2025-07-28T20:00:02Z https://yabu.me/nevent1qqswnz9tk63ydu2gahgshuquygpl7gktrpvltlerg8zfu5macd2gd7gzyr5t7552nhhpxn2arjpu6vk3xud0dnsskmwtt70q2chc596p44hnujjyku0 CSS is CSSing<br/> <img src="https://files.mastodon.social/media_attachments/files/114/184/265/918/898/658/original/394029759c37b787.png"> <br/> 2025-03-18T16:00:28Z https://yabu.me/nevent1qqs2du4x9wx36zncwy80a88j4xjm63rkkt7fl9p4pd5y5rzxltxyvxszyr5t7552nhhpxn2arjpu6vk3xud0dnsskmwtt70q2chc596p44hnur5tnvw JavaScript’s Map is a powerful data structure designed for key-value pairs, offering better performance and flexibility than plain objects in many cases.<br/><br/>Key Advantages:<br/>✅ Preserves Key Order<br/>✅ Flexible Key Types<br/>✅ Better Performance<br/><br/>Give it a try! ↓<br/><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map">https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map</a> 2025-02-21T07:00:03Z