MDN Web Docs (@MDN@mozilla.social) - Mozilla.social

archived 29 Sep 2024 11:46:18 UTC
MDN

MDN Web Docs@MDN@mozilla.social

MDN Web Docs is an open-source, collaborative project that documents web platform technologies, including CSS, HTML, JavaScript, and Web APIs.
We also provide extensive learning resources for aspiring developers and students.
MDN Web Docs<p>As the MDN Blog turns one, we&#39;re happy to share some highlights of articles we published over the last year! Check out what we&#39;ve been writing about and sharing in our &#39;Year in Review&#39; post 🎉</p><p><a href="https://developer.mozilla.org/en-US/blog/mdn-blog-one-year-on/" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">developer.mozilla.org/en-US/bl</span><span class="invisible">og/mdn-blog-one-year-on/</span></a></p><p><a href="https://mozilla.social/tags/MDNBlogUpdate" class="mention hashtag" rel="tag">#<span>MDNBlogUpdate</span></a></p>
MDN Web Docs<p>September&#39;s Contribution Spotlight is on Hochan! 🌟</p><p>He has been involved since 2021, as part of the yari-content-ko team with seven members, and has converted content from HTML to Markdown, removing Kumascript macros, &amp; much more! 👏</p><p>Read his journey 👇<br /><a href="https://developer.mozilla.org/en-US/community/spotlight/hochan-lee" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">developer.mozilla.org/en-US/co</span><span class="invisible">mmunity/spotlight/hochan-lee</span></a></p>
MDN Web Docs<p>ICYMI — We launched a back-to-school offer with our course partner, Scrimba. Their scrim format gives you a video-like experience and an interactive IDE. Code as you learn! 👩‍💻👨‍💻</p><p>Dive into the Frontend Developer Career Path with a 30% discount 🤿<br /><a href="https://scrimba.com/learn/frontend?via=mdn" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">scrimba.com/learn/frontend?via</span><span class="invisible">=mdn</span></a></p>
MDN Web Docs<p>💻 Learn by doing!</p><p>Scrimba’s Frontend Developer Career Path features real-world projects to help you practice. Create websites to show your future employers. MDN users like you will get a 30% discount! 🎁 </p><p>Start today! 👇<br /><a href="https://scrimba.com/learn/frontend?via=mdn" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">scrimba.com/learn/frontend?via</span><span class="invisible">=mdn</span></a></p>
MDN Web Docs<p>Power up your career! ⚡</p><p>Scrimba&#39;s Frontend Developer Career Path brings essential concepts that can be learned interactively. Only MDN&#39;s community will get a 30% off to start learning Frontend Development for their career! 🛠️</p><p>Start learning now 👇<br /><a href="https://scrimba.com/learn/frontend?via=mdn" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">scrimba.com/learn/frontend?via</span><span class="invisible">=mdn</span></a></p>
MDN Web Docs<p>Using custom accordions? There&#39;s an easier way! 🪗 </p><p>The &lt;details&gt; element now has a name attribute with support across all major browsers.<br />✨ No more custom handling for UI accordions<br />✨ Less code to maintain<br />✨ Native browser support</p><p>Try now 👇 <br /><a href="https://developer.mozilla.org/en-US/blog/html-details-exclusive-accordions/" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">developer.mozilla.org/en-US/bl</span><span class="invisible">og/html-details-exclusive-accordions/</span></a></p>
MDN Web Docs<p>Level up! ⬆️</p><p>We are bringing a Back-To-School offer from our partner, Scrimba! MDN users can now get a 30% discount on Scrimba&#39;s Frontend Developer Career Path until Oct 12! 📚</p><p>Start learning now 👇<br /><a href="https://scrimba.com/learn/frontend?via=mdn" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">scrimba.com/learn/frontend?via</span><span class="invisible">=mdn</span></a></p>
MDN Web Docs<p>He studies Data Science and Linguistics, and is also being a member of the Docusaurus and the <span class="h-card" translate="no"><a href="https://fosstodon.org/@tseslint" class="u-url mention">@<span>tseslint</span></a></span> teams. 👏 </p><p>We thank Joshua for the time he spends making MDN better by keeping everything up-to-date. ❤️ </p><p>Read more about Joshua 👇 <br /><a href="https://developer.mozilla.org/en-US/community/spotlight/joshua-chen" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">developer.mozilla.org/en-US/co</span><span class="invisible">mmunity/spotlight/joshua-chen</span></a></p>
MDN Web Docs<p>Our contributors help us become better everyday, and the Spotlight for August is on, Joshua Chen! 🔆 </p><p>Joshua has been around as an expert for a long time now, and contributes beyond what his role demands, and often triages issues, reviews PRs, and fixes content bugs.</p>
MDN Web Docs<p>Intl.Segmenter is now supported in all major browsers!</p><p>Build locale-aware UI and applications. Splits text into meaningful units based on the locale, this ensures that your app can handle non-Latin text, like Japanese or Hindi, with precision.</p><p>Try now 👇 <br /><a href="https://developer.mozilla.org/en-US/blog/javascript-intl-segmenter-i18n/" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">developer.mozilla.org/en-US/bl</span><span class="invisible">og/javascript-intl-segmenter-i18n/</span></a></p>
MDN Web Docs<p>Monday mornings be like... ☕</p>
MDN Web Docs<p>⏳Time’s running out! The State of CSS 2024 survey closes tomorrow, September 7! If you haven’t already, now’s your chance to share your insights and help shape the CSS. Let’s build the future together 💻🚀</p><p>👉 Take the survey today! <a href="https://survey.devographics.com/en-US/survey/state-of-css/2024" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">survey.devographics.com/en-US/</span><span class="invisible">survey/state-of-css/2024</span></a></p>
MDN Web Docs<p>Why wait for a resource to download when you can process it as it arrives? The Streams API lets you:</p><p>⏩ Work with continuous data streams<br />♻️ Transform data on the fly<br />❌ Cancel streams if you have the data you need</p><p>Learn about the Streams API via Vultr:</p><p><a href="https://developer.mozilla.org/en-US/blog/efficient-data-handling-with-the-streams-api/" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">developer.mozilla.org/en-US/bl</span><span class="invisible">og/efficient-data-handling-with-the-streams-api/</span></a></p>
MDN Web Docs<p>We are looking for feedback! 📣</p><p>Do you find the &#39;Global values&#39; on the CSS pages useful?</p><p>🔗 Example here: <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/background#syntax" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">developer.mozilla.org/en-US/do</span><span class="invisible">cs/Web/CSS/background#syntax</span></a></p>
MDN Web Docs<p>nobody will remember:<br />- your salary<br />- how “busy you were”<br />- how many hours you worked</p><p>people will remember:<br />- that obscure CORS error<br />- where the flexbox guide tab is<br />- checking BCD tables to see if a feature is supported yet</p>
MDN Web Docs<p>Using git stash before switching branches can be messy! 🫠 </p><p>Stashing is better for breaking complex changes into smaller commits:<br />🧹 Keep your history clean<br />🔍 Review easily<br />📈 Stay on track</p><p>@gitlab shares workflow tips on how to break them down here 👇 <br /><a href="https://developer.mozilla.org/en-US/blog/optimize-your-workflow-git-stash/" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">developer.mozilla.org/en-US/bl</span><span class="invisible">og/optimize-your-workflow-git-stash/</span></a></p>
MDN Web Docs<p>If MDN was a playlist...</p><p>What would you add here? 🎧</p>
MDN Web Docs<p>CSS has come a long way in the past decade, laying the groundwork with Flexbox, Grid, and variables. But the future? </p><p>We shape it with your help—participate in the State of CSS 2024 survey!</p><p>Let’s shape the future of web design together. ✊ <br /><a href="https://survey.devographics.com/en-US/survey/state-of-css/2024" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">survey.devographics.com/en-US/</span><span class="invisible">survey/state-of-css/2024</span></a></p>
MDN Web Docs<p>Are you building mobile apps? 📱</p><p>Learn why debugging on multiple devices is critical and how you can incorporate testing and debugging using LambdaTest into your development lifecycle.</p><p>See the latest post by LambdaTest ↓ <br /><a href="https://developer.mozilla.org/en-US/blog/debug-mobile-apps-across-devices/" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">developer.mozilla.org/en-US/bl</span><span class="invisible">og/debug-mobile-apps-across-devices/</span></a></p>
MDN Web Docs<p>⚡ Faster Load Times<br />🪴 Improved User Experience<br />🏗️ Optimized Resource Management</p><p>This is what you get using rel=&quot;preload&quot;, and you can preload your custom font, or a large JS file.</p><p>Check the reference 👇<br /><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel/preload" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">developer.mozilla.org/en-US/do</span><span class="invisible">cs/Web/HTML/Attributes/rel/preload</span></a></p>
MDN Web Docs<p>✨ Tests for CORS: Referrer policy, CSP, TLS<br />✨ CSP analysis<br />✨ Server header values<br />✨ Cookies detection<br />✨ Benchmark comparison<br />…and much more with the new MDN HTTP Observatory! 🔐</p><p>Try here ↯<br /><a href="https://developer.mozilla.org/en-US/observatory" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">developer.mozilla.org/en-US/ob</span><span class="invisible">servatory</span></a></p>
MDN Web Docs<p>💡 Learn with MDN using Scrimba&#39;s unique format: a blend of video-like lessons and interactive coding! Learn with engaging and effective methods that involve both reading and practice.</p><p>Check it out 👇<br /><a href="https://developer.mozilla.org/en-US/curriculum/" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">developer.mozilla.org/en-US/cu</span><span class="invisible">rriculum/</span></a></p>
MDN Web Docs<p>Did you know? 🤔 </p><p>The InputEvent API provides a way for developers to override browser handling of text editing, avoiding bugs or inconsistencies in different browsers. 📝</p><p>Check it out ↯<br /><a href="https://developer.mozilla.org/en-US/docs/Web/API/InputEvent" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">developer.mozilla.org/en-US/do</span><span class="invisible">cs/Web/API/InputEvent</span></a></p>
MDN Web Docs<p>What was the last section you visited on MDN? 👀</p>
MDN Web Docs<p>Named capturing groups allow you to assign names to your capturing groups. No more counting parentheses!</p><p>🔍 Improve readability<br />✨ Easy to Maintain<br />🗒️ Simplified Access</p><p>Start writing cleaner, more understandable regex patterns 👇<br /><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Regular_expressions/Named_capturing_group" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">developer.mozilla.org/en-US/do</span><span class="invisible">cs/Web/JavaScript/Reference/Regular_expressions/Named_capturing_group</span></a></p>
MDN Web Docs<p>Working with popovers? 🍿</p><p>The Popover API allows you to create popovers—small overlay elements that can display additional content or actions—providing users with relevant information when they need it ➕ a great alternative to modals!</p><p>Discover how ↯<br /><a href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/popover" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">developer.mozilla.org/en-US/do</span><span class="invisible">cs/Web/API/HTMLElement/popover</span></a></p>
MDN Web Docs<p>Don’t let device sleep interrupt your app 😴</p><p>Sometimes, users need an app to stay running without the screen locking or dimming. The Screen Wake Lock API lets you request a wake lock! 🫨</p><p>Check the API Reference here ⏬<br /><a href="https://developer.mozilla.org/en-US/docs/Web/API/Screen_Wake_Lock_API" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">developer.mozilla.org/en-US/do</span><span class="invisible">cs/Web/API/Screen_Wake_Lock_API</span></a></p>
MDN Web Docs<p>⚡ Faster Load Times<br />🪴 Improved User Experience<br />🏗️ Optimized Resource Management</p><p>This is what you get using rel=&quot;preload&quot;, and you can preload your custom font, or a large JS file.</p><p>Check the reference 👇<br /><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel/preload" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">developer.mozilla.org/en-US/do</span><span class="invisible">cs/Web/HTML/Attributes/rel/preload</span></a></p>
MDN Web Docs<p>What’s your website’s score on the MDN HTTP Observatory? 🔢</p><p>🔗 <a href="https://developer.mozilla.org/en-US/observatory" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">developer.mozilla.org/en-US/ob</span><span class="invisible">servatory</span></a></p>
MDN Web Docs<p>Write modular, maintainable stylesheets with CSS Nesting! 🪆</p><p>Simplify your stylesheets and write cleaner code with CSS Nesting, and structure your CSS more efficiently.</p><p>Start with this guide ⬇️<br /><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_nesting/Using_CSS_nesting" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">developer.mozilla.org/en-US/do</span><span class="invisible">cs/Web/CSS/CSS_nesting/Using_CSS_nesting</span></a> <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_nesting/Using_CSS_nesting" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">developer.mozilla.org/en-US/do</span><span class="invisible">cs/Web/CSS/CSS_nesting/Using_CSS_nesting</span></a></p>
MDN Web Docs<p>🛡️ Strengthen your defense!</p><p>Analyze your website’s defense with comprehensive reports from MDN Observatory. Identify weak points and fortify your security measures with expert recommendations.</p><p>Start now 👇<br /><a href="https://developer.mozilla.org/en-US/observatory?utm_source=mastodon&amp;utm_medium=&amp;utm_campaign=launch&amp;utm_content=announcement" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">developer.mozilla.org/en-US/ob</span><span class="invisible">servatory?utm_source=mastodon&amp;utm_medium=&amp;utm_campaign=launch&amp;utm_content=announcement</span></a></p>
MDN Web Docs<p>Curious about the Broadcast Channel API? 🔉</p><p>🔗 Sync messages across your apps without using shared workers<br />🤝 Enable real-time collaboration in docs or files<br />🔔 For notifications on statuses, messages, etc.</p><p>Check the demo app with Vultr 👇<br /><a href="https://developer.mozilla.org/en-US/blog/exploring-the-broadcast-channel-api-for-cross-tab-communication/" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">developer.mozilla.org/en-US/bl</span><span class="invisible">og/exploring-the-broadcast-channel-api-for-cross-tab-communication/</span></a></p>
MDN Web Docs<p>Beyond coding! 🤝 </p><p>The MDN Curriculum and Scrimba courses also have you covered with essential soft skills like teamwork and problem-solving.</p><p>Build a well-rounded skill set 👇<br /><a href="https://developer.mozilla.org/en-US/curriculum/?scrimba" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">developer.mozilla.org/en-US/cu</span><span class="invisible">rriculum/?scrimba</span></a></p>
MDN Web Docs<p>What’s your score? 🈴</p><p>MDN Observatory performs in-depth assessments of your site&#39;s MDN headers and key security configurations. Get detailed, actionable feedback to secure your site!</p><p>Check your score now 👇<br /><a href="https://developer.mozilla.org/en-US/observatory?utm_source=mastodon&amp;utm_medium=&amp;utm_campaign=launch&amp;utm_content=announcement" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">developer.mozilla.org/en-US/ob</span><span class="invisible">servatory?utm_source=mastodon&amp;utm_medium=&amp;utm_campaign=launch&amp;utm_content=announcement</span></a></p>
MDN Web Docs<p>🎨 We’ve made learning with MDN interactive!</p><p>With our partnership with Scrimba, you can now code along with lessons and get hands-on experience right inside your browser.</p><p>Enhance your skills 👇<br /><a href="https://developer.mozilla.org/en-US/blog/mdn-scrimba-partnership/?utm_source=mastodon&amp;utm_medium=&amp;utm_campaign=launch&amp;utm_content=announcement" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">developer.mozilla.org/en-US/bl</span><span class="invisible">og/mdn-scrimba-partnership/?utm_source=mastodon&amp;utm_medium=&amp;utm_campaign=launch&amp;utm_content=announcement</span></a></p>
MDN Web Docs<p>🌟 Master the essentials!</p><p>Our MDN Curriculum Core modules cover fundamental skills every web developer needs. Dive into HTML, CSS, JavaScript, and more with Scrimba&#39;s courses.</p><p>See what’s new 👇<br /><a href="https://developer.mozilla.org/en-US/blog/mdn-scrimba-partnership/?utm_source=mastodon&amp;utm_medium=&amp;utm_campaign=launch&amp;utm_content=announcement" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">developer.mozilla.org/en-US/bl</span><span class="invisible">og/mdn-scrimba-partnership/?utm_source=mastodon&amp;utm_medium=&amp;utm_campaign=launch&amp;utm_content=announcement</span></a></p>
MDN Web Docs<p>Get actionable feedback on vulnerabilities! ⚒️</p><p>✨ Tests for CORS: Referrer policy, CSP, TLS<br />✨ CSP analysis<br />✨ Server header values<br />✨ Cookies detection<br />✨ Benchmark comparison<br />…and much more!</p><p>Check your site now 👇<br /><a href="https://developer.mozilla.org/en-US/observatory?utm_source=mastodon&amp;utm_medium=&amp;utm_campaign=launch&amp;utm_content=announcement" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">developer.mozilla.org/en-US/ob</span><span class="invisible">servatory?utm_source=mastodon&amp;utm_medium=&amp;utm_campaign=launch&amp;utm_content=announcement</span></a></p>
MDN Web Docs<p>📈 We’ve done over 47 million scans and insights into 6.5 million websites.</p><p>MDN Observatory is your go-to for the latest security trends and guidelines. Stay ahead of threats with the analysis!</p><p>Check your site now 👇<br /><a href="https://developer.mozilla.org/en-US/observatory?utm_source=mastodon&amp;utm_medium=&amp;utm_campaign=launch&amp;utm_content=announcement" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">developer.mozilla.org/en-US/ob</span><span class="invisible">servatory?utm_source=mastodon&amp;utm_medium=&amp;utm_campaign=launch&amp;utm_content=announcement</span></a></p>
MDN Web Docs<p>💡 Learn with MDN using Scrimba&#39;s unique format: a blend of video-like lessons and interactive coding! Learn with engaging and effective methods that involve both reading and practice.</p><p>Check it out 👇<br /><a href="https://developer.mozilla.org/en-US/curriculum/?scrimba" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">developer.mozilla.org/en-US/cu</span><span class="invisible">rriculum/?scrimba</span></a></p>
MDN Web Docs<p>📚 The MDN Curriculum is your guide to mastering front-end development!</p><p>Covering all the fundamentals, it links to the best resources, including those from our new partner, Scrimba. 🤝 </p><p>Explore now 👇<br /><a href="https://developer.mozilla.org/en-US/curriculum/?scrimba" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">developer.mozilla.org/en-US/cu</span><span class="invisible">rriculum/?scrimba</span></a></p>
MDN Web Docs<p>❓ Got questions? We&#39;ve got answers!</p><p>Learn more about our partnership with Scrimba, how we prioritize data privacy, and more.<br /><a href="https://developer.mozilla.org/en-US/blog/mdn-scrimba-partnership/#faq?utm_source=mastodon&amp;utm_medium=&amp;utm_campaign=launch&amp;utm_content=announcement" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">developer.mozilla.org/en-US/bl</span><span class="invisible">og/mdn-scrimba-partnership/#faq?utm_source=mastodon&amp;utm_medium=&amp;utm_campaign=launch&amp;utm_content=announcement</span></a></p>
MDN Web Docs<p>🔍 Why Scrimba?</p><p>Their commitment to quality, comprehensive coverage, and innovative platform is exceptional. Their courses meet MDN&#39;s high standards — we&#39;ve thoroughly tested them.</p>
MDN Web Docs<p>We are thrilled to announce our partnership with Scrimba! 🥁</p><p>Together, we&#39;re enhancing the learning experience for web developers. Dive into high-quality content aligned with the MDN Curriculum.</p><p>See what we have for you 👇<br /><a href="https://developer.mozilla.org/en-US/blog/mdn-scrimba-partnership/?utm_source=mastodon&amp;utm_medium=&amp;utm_campaign=launch&amp;utm_content=announcement" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">developer.mozilla.org/en-US/bl</span><span class="invisible">og/mdn-scrimba-partnership/?utm_source=mastodon&amp;utm_medium=&amp;utm_campaign=launch&amp;utm_content=announcement</span></a></p>
MDN Web Docs
MDN Web Docs
MDN Web Docs<p>How’s your security game? 🔐</p><p>Level it up with MDN HTTP Observatory! It identifies potential vulnerabilities and provides expert recommendations to strengthen your site. 🧐</p><p>Try now 👇<br /><a href="https://developer.mozilla.org/en-US/observatory?utm_source=twitter&amp;utm_medium=&amp;utm_campaign=launch&amp;utm_content=announcement" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">developer.mozilla.org/en-US/ob</span><span class="invisible">servatory?utm_source=twitter&amp;utm_medium=&amp;utm_campaign=launch&amp;utm_content=announcement</span></a></p>
MDN Web Docs<p>🔍 Curious about how MDN HTTP Observatory works?</p><p>It performs an in-depth assessment of your site&#39;s HTTP headers and key security configurations. Get detailed, actionable feedback to secure your site!</p><p>Check your site’s score now 🔢<br /><a href="https://developer.mozilla.org/en-US/observatory?utm_source=twitter&amp;utm_medium=&amp;utm_campaign=launch&amp;utm_content=announcement" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">developer.mozilla.org/en-US/ob</span><span class="invisible">servatory?utm_source=twitter&amp;utm_medium=&amp;utm_campaign=launch&amp;utm_content=announcement</span></a></p>
MDN Web Docs
MDN Web Docs<p>At <span class="h-card" translate="no"><a href="https://mozilla.social/@mozilla" class="u-url mention">@<span>mozilla</span></a></span>, we’re committed to fostering a safer and more secure internet ecosystem. HTTP Observatory will now be a proud part of the MDN.</p><p>Check the announcement 👇<br /><a href="https://developer.mozilla.org/en-US/blog/mdn-http-observatory-launch/?utm_source=twitter&amp;utm_medium=&amp;utm_campaign=launch&amp;utm_content=announcement" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">developer.mozilla.org/en-US/bl</span><span class="invisible">og/mdn-http-observatory-launch/?utm_source=twitter&amp;utm_medium=&amp;utm_campaign=launch&amp;utm_content=announcement</span></a></p>
MDN Web Docs<p>🔍 What’s new in MDN HTTP Observatory?</p><p>✨ Tests for CORS: Referrer policy, CSP, TLS<br />✨ CSP analysis<br />✨ Server header values<br />✨ Cookies detection<br />✨ Benchmark comparison<br />…and much more!</p>
MDN Web Docs<p>We’re delighted to announce that the HTTP Observatory’s new home is MDN! 🎉</p><p>The MDN HTTP Observatory tests website compliance with security best practices and lets you enhance your web security with insights from over 6.9 million scans. 🔒</p><p>Ready to make your site safer? 👇<br /><a href="https://developer.mozilla.org/en-US/observatory?utm_source=mastodon&amp;utm_medium=&amp;utm_campaign=launch&amp;utm_content=announcement" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">developer.mozilla.org/en-US/ob</span><span class="invisible">servatory?utm_source=mastodon&amp;utm_medium=&amp;utm_campaign=launch&amp;utm_content=announcement</span></a></p>
MDN Web Docs<p>Level Up performance while building SSGs on Next.js!🪜</p><p>Learn how-to:<br />✨ Pre-build HTML files<br />✨ Speed up load times<br />✨ Boost security</p><p>Whether you&#39;re building blogs, e-commerce platforms, or anything with SSGs.</p><p>Follow our step-by-step guide to deploy a Next.js app on Vultr 👇<br /><a href="https://developer.mozilla.org/en-US/blog/static-site-generation-with-nextjs/" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">developer.mozilla.org/en-US/bl</span><span class="invisible">og/static-site-generation-with-nextjs/</span></a></p>
MDN Web Docs<p>Are you still not using JavaScript Sets? 🤔</p><p>Discover ↓<br />✨ set.union()<br />✨ set.intersection()<br />✨ set.difference()</p><p>See how sets might make your data efficient. Dive in! 🔗<br /><a href="https://developer.mozilla.org/en-US/blog/javascript-set-methods/" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">developer.mozilla.org/en-US/bl</span><span class="invisible">og/javascript-set-methods/</span></a></p>
MDN Web Docs
MDN Web Docs
MDN Web Docs
MDN Web Docs<p>👨‍🍳 You might not be a chef, but this cookbook is for you!</p><p>MDN&#39;s layout cookbook shows you the best practices for perfectly centered content.</p><p>Delicious Recipes right here ↓<br /><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Layout_cookbook/Center_an_element" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">developer.mozilla.org/en-US/do</span><span class="invisible">cs/Web/CSS/Layout_cookbook/Center_an_element</span></a></p>
MDN Web Docs<p>🎯 Wind moves, and alignment goes wrong.</p><p>It&#39;s 2024 and centering an item in CSS is still...</p>
MDN Web Docs
MDN Web Docs<p>✨ You don&#39;t need holidays to make fancy boxes on your website.</p><p>Check out this MDN tutorial to create stylish and eye-catching elements with CSS. 👇<br /><a href="https://developer.mozilla.org/en-US/docs/Learn/CSS/Howto/Create_fancy_boxes" target="_blank" rel="nofollow noopener noreferrer" translate="no"><span class="invisible">https://</span><span class="ellipsis">developer.mozilla.org/en-US/do</span><span class="invisible">cs/Learn/CSS/Howto/Create_fancy_boxes</span></a></p>
MDN Web Docs
ExploreLive feeds
Login to follow profiles or hashtags, favorite, share and reply to posts. You can also interact from your account on a different server.
Login or Register
Drag & drop to upload
0%
 
10%
 
20%
 
30%
 
40%
 
50%
 
60%
 
70%
 
80%
 
90%
 
100%