Mozilla Social @social

**MDN Web Docs** @MDN · May 13

**MDN Web Docs** @MDN · 1d

**MDN Web Docs** @MDN · 2d

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! 👩‍💻 👨‍💻

Dive into the Frontend Developer Career Path with a 30% discount
https://scrimba.com/learn/frontend?via=mdn

v2.scrimba.comWhat will you build?The next step of your coding journey starts here.

**MDN Web Docs** @MDN · 4d

MDN Web Docs @MDN

Learn by doing!

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!

Start today!
https://scrimba.com/learn/frontend?via=mdn

v2.scrimba.comWhat will you build?The next step of your coding journey starts here.

**MDN Web Docs** @MDN · Sep 21

Sep 21

MDN Web Docs @MDN

Power up your career!

Scrimba's Frontend Developer Career Path brings essential concepts that can be learned interactively. Only MDN's community will get a 30% off to start learning Frontend Development for their career!

Start learning now
https://scrimba.com/learn/frontend?via=mdn

v2.scrimba.comWhat will you build?The next step of your coding journey starts here.

MDN Web DocsUsing custom accordions? There's an easier way! 🪗 The <details> element now has a name attribute with support across all major browsers. ✨ No more custom handling for UI accordions ✨ Less code to maintain ✨ Native browser supportTry now 👇 <a href="https://developer.mozilla.org/en-US/blog/html-details-exclusive-accordions/" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://developer.mozilla.org/en-US/blog/html-details-exclusive-accordions/</a>

MDN Web DocsLevel up! ⬆️We are bringing a Back-To-School offer from our partner, Scrimba! MDN users can now get a 30% discount on Scrimba's Frontend Developer Career Path until Oct 12! 📚Start learning now 👇 <a href="https://scrimba.com/learn/frontend?via=mdn" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://scrimba.com/learn/frontend?via=mdn</a>

MDN Web DocsHe studies Data Science and Linguistics, and is also being a member of the Docusaurus and the <a href="https://fosstodon.org/@tseslint" class="u-url mention">@tseslint</a> teams. 👏 We thank Joshua for the time he spends making MDN better by keeping everything up-to-date. ❤️ Read more about Joshua 👇 <a href="https://developer.mozilla.org/en-US/community/spotlight/joshua-chen" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://developer.mozilla.org/en-US/community/spotlight/joshua-chen</a>

MDN Web DocsOur contributors help us become better everyday, and the Spotlight for August is on, Joshua Chen! 🔆 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.

MDN Web DocsIntl.Segmenter is now supported in all major browsers!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.Try now 👇 <a href="https://developer.mozilla.org/en-US/blog/javascript-intl-segmenter-i18n/" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://developer.mozilla.org/en-US/blog/javascript-intl-segmenter-i18n/</a>

MDN Web DocsMonday mornings be like... ☕

MDN Web Docs⏳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 💻🚀👉 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">https://survey.devographics.com/en-US/survey/state-of-css/2024</a>

MDN Web DocsWhy wait for a resource to download when you can process it as it arrives? The Streams API lets you:⏩ Work with continuous data streams ♻️ Transform data on the fly ❌ Cancel streams if you have the data you needLearn about the Streams API via Vultr:<a href="https://developer.mozilla.org/en-US/blog/efficient-data-handling-with-the-streams-api/" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://developer.mozilla.org/en-US/blog/efficient-data-handling-with-the-streams-api/</a>

MDN Web DocsWe are looking for feedback! 📣Do you find the 'Global values' on the CSS pages useful?🔗 Example here: <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/background#syntax" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://developer.mozilla.org/en-US/docs/Web/CSS/background#syntax</a>

MDN Web Docsnobody will remember: - your salary - how “busy you were” - how many hours you workedpeople will remember: - that obscure CORS error - where the flexbox guide tab is - checking BCD tables to see if a feature is supported yet

MDN Web DocsUsing git stash before switching branches can be messy! 🫠 Stashing is better for breaking complex changes into smaller commits: 🧹 Keep your history clean 🔍 Review easily 📈 Stay on track@gitlab shares workflow tips on how to break them down here 👇 <a href="https://developer.mozilla.org/en-US/blog/optimize-your-workflow-git-stash/" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://developer.mozilla.org/en-US/blog/optimize-your-workflow-git-stash/</a>

MDN Web DocsIf MDN was a playlist...What would you add here? 🎧

MDN Web DocsCSS has come a long way in the past decade, laying the groundwork with Flexbox, Grid, and variables. But the future? We shape it with your help—participate in the State of CSS 2024 survey!Let’s shape the future of web design together. ✊ <a href="https://survey.devographics.com/en-US/survey/state-of-css/2024" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://survey.devographics.com/en-US/survey/state-of-css/2024</a>

MDN Web DocsAre you building mobile apps? 📱Learn why debugging on multiple devices is critical and how you can incorporate testing and debugging using LambdaTest into your development lifecycle.See the latest post by LambdaTest ↓ <a href="https://developer.mozilla.org/en-US/blog/debug-mobile-apps-across-devices/" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://developer.mozilla.org/en-US/blog/debug-mobile-apps-across-devices/</a>

MDN Web Docs⚡ Faster Load Times 🪴 Improved User Experience 🏗️ Optimized Resource ManagementThis is what you get using rel="preload", and you can preload your custom font, or a large JS file.Check the reference 👇 <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel/preload" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel/preload</a>

MDN Web Docs✨ Tests for CORS: Referrer policy, CSP, TLS ✨ CSP analysis ✨ Server header values ✨ Cookies detection ✨ Benchmark comparison …and much more with the new MDN HTTP Observatory! 🔐Try here ↯ <a href="https://developer.mozilla.org/en-US/observatory" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://developer.mozilla.org/en-US/observatory</a>

MDN Web Docs💡 Learn with MDN using Scrimba's unique format: a blend of video-like lessons and interactive coding! Learn with engaging and effective methods that involve both reading and practice.Check it out 👇 <a href="https://developer.mozilla.org/en-US/curriculum/" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://developer.mozilla.org/en-US/curriculum/</a>

MDN Web DocsDid you know? 🤔 The InputEvent API provides a way for developers to override browser handling of text editing, avoiding bugs or inconsistencies in different browsers. 📝Check it out ↯ <a href="https://developer.mozilla.org/en-US/docs/Web/API/InputEvent" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://developer.mozilla.org/en-US/docs/Web/API/InputEvent</a>

MDN Web DocsWhat was the last section you visited on MDN? 👀

MDN Web DocsNamed capturing groups allow you to assign names to your capturing groups. No more counting parentheses!🔍 Improve readability ✨ Easy to Maintain 🗒️ Simplified AccessStart writing cleaner, more understandable regex patterns 👇 <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">https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Regular_expressions/Named_capturing_group</a>

MDN Web DocsWorking with popovers? 🍿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!Discover how ↯ <a href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/popover" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/popover</a>

MDN Web DocsDon’t let device sleep interrupt your app 😴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! 🫨Check the API Reference here ⏬ <a href="https://developer.mozilla.org/en-US/docs/Web/API/Screen_Wake_Lock_API" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://developer.mozilla.org/en-US/docs/Web/API/Screen_Wake_Lock_API</a>

MDN Web DocsWhat’s your website’s score on the MDN HTTP Observatory? 🔢🔗 <a href="https://developer.mozilla.org/en-US/observatory" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://developer.mozilla.org/en-US/observatory</a>

MDN Web DocsWrite modular, maintainable stylesheets with CSS Nesting! 🪆Simplify your stylesheets and write cleaner code with CSS Nesting, and structure your CSS more efficiently.Start with this guide ⬇️ <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_nesting/Using_CSS_nesting" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_nesting/Using_CSS_nesting</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">https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_nesting/Using_CSS_nesting</a>

MDN Web Docs🛡️ Strengthen your defense!Analyze your website’s defense with comprehensive reports from MDN Observatory. Identify weak points and fortify your security measures with expert recommendations.Start now 👇 <a href="https://developer.mozilla.org/en-US/observatory?utm_source=mastodon&utm_medium=&utm_campaign=launch&utm_content=announcement" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://developer.mozilla.org/en-US/observatory?utm_source=mastodon&utm_medium=&utm_campaign=launch&utm_content=announcement</a>

MDN Web DocsCurious about the Broadcast Channel API? 🔉🔗 Sync messages across your apps without using shared workers 🤝 Enable real-time collaboration in docs or files 🔔 For notifications on statuses, messages, etc.Check the demo app with Vultr 👇 <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">https://developer.mozilla.org/en-US/blog/exploring-the-broadcast-channel-api-for-cross-tab-communication/</a>

MDN Web DocsBeyond coding! 🤝 The MDN Curriculum and Scrimba courses also have you covered with essential soft skills like teamwork and problem-solving.Build a well-rounded skill set 👇 <a href="https://developer.mozilla.org/en-US/curriculum/?scrimba" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://developer.mozilla.org/en-US/curriculum/?scrimba</a>

MDN Web DocsWhat’s your score? 🈴MDN Observatory performs in-depth assessments of your site's MDN headers and key security configurations. Get detailed, actionable feedback to secure your site!Check your score now 👇 <a href="https://developer.mozilla.org/en-US/observatory?utm_source=mastodon&utm_medium=&utm_campaign=launch&utm_content=announcement" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://developer.mozilla.org/en-US/observatory?utm_source=mastodon&utm_medium=&utm_campaign=launch&utm_content=announcement</a>

MDN Web Docs🎨 We’ve made learning with MDN interactive!With our partnership with Scrimba, you can now code along with lessons and get hands-on experience right inside your browser.Enhance your skills 👇 <a href="https://developer.mozilla.org/en-US/blog/mdn-scrimba-partnership/?utm_source=mastodon&utm_medium=&utm_campaign=launch&utm_content=announcement" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://developer.mozilla.org/en-US/blog/mdn-scrimba-partnership/?utm_source=mastodon&utm_medium=&utm_campaign=launch&utm_content=announcement</a>

MDN Web Docs🌟 Master the essentials!Our MDN Curriculum Core modules cover fundamental skills every web developer needs. Dive into HTML, CSS, JavaScript, and more with Scrimba's courses.See what’s new 👇 <a href="https://developer.mozilla.org/en-US/blog/mdn-scrimba-partnership/?utm_source=mastodon&utm_medium=&utm_campaign=launch&utm_content=announcement" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://developer.mozilla.org/en-US/blog/mdn-scrimba-partnership/?utm_source=mastodon&utm_medium=&utm_campaign=launch&utm_content=announcement</a>

MDN Web DocsGet actionable feedback on vulnerabilities! ⚒️✨ Tests for CORS: Referrer policy, CSP, TLS ✨ CSP analysis ✨ Server header values ✨ Cookies detection ✨ Benchmark comparison …and much more!Check your site now 👇 <a href="https://developer.mozilla.org/en-US/observatory?utm_source=mastodon&utm_medium=&utm_campaign=launch&utm_content=announcement" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://developer.mozilla.org/en-US/observatory?utm_source=mastodon&utm_medium=&utm_campaign=launch&utm_content=announcement</a>

MDN Web Docs📈 We’ve done over 47 million scans and insights into 6.5 million websites.MDN Observatory is your go-to for the latest security trends and guidelines. Stay ahead of threats with the analysis!Check your site now 👇 <a href="https://developer.mozilla.org/en-US/observatory?utm_source=mastodon&utm_medium=&utm_campaign=launch&utm_content=announcement" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://developer.mozilla.org/en-US/observatory?utm_source=mastodon&utm_medium=&utm_campaign=launch&utm_content=announcement</a>

MDN Web Docs💡 Learn with MDN using Scrimba's unique format: a blend of video-like lessons and interactive coding! Learn with engaging and effective methods that involve both reading and practice.Check it out 👇 <a href="https://developer.mozilla.org/en-US/curriculum/?scrimba" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://developer.mozilla.org/en-US/curriculum/?scrimba</a>

MDN Web Docs📚 The MDN Curriculum is your guide to mastering front-end development!Covering all the fundamentals, it links to the best resources, including those from our new partner, Scrimba. 🤝 Explore now 👇 <a href="https://developer.mozilla.org/en-US/curriculum/?scrimba" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://developer.mozilla.org/en-US/curriculum/?scrimba</a>

MDN Web Docs❓ Got questions? We've got answers!Learn more about our partnership with Scrimba, how we prioritize data privacy, and more. <a href="https://developer.mozilla.org/en-US/blog/mdn-scrimba-partnership/#faq?utm_source=mastodon&utm_medium=&utm_campaign=launch&utm_content=announcement" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://developer.mozilla.org/en-US/blog/mdn-scrimba-partnership/#faq?utm_source=mastodon&utm_medium=&utm_campaign=launch&utm_content=announcement</a>

Recent searches

Search options

Administered by:

Server stats:

MDN Web Docs@MDN@mozilla.social