https://developer.mozilla.org/en-US/blog/ The MDN Web Docs blog publishes articles about web development, open source software, web platform updates, tutorials, changes and updates to MDN, and more. Fri, 22 Nov 2024 01:16:50 GMT https://validator.w3.org/feed/docs/rss2.html https://github.com/jpmonette/feed en https://developer.mozilla.org/mdn-social-share.png https://developer.mozilla.org/en-US/blog/ All rights reserved 2023, MDN https://developer.mozilla.org/en-US/blog/optimize-web-performance/ https://developer.mozilla.org/en-US/blog/optimize-web-performance/ Mon, 11 Nov 2024 00:00:00 GMT <![CDATA[Learn about reading network request waterfalls, identifying common network performance issues, and optimizing page rendering. ]]> https://developer.mozilla.org/en-US/blog/how-to-land-your-first-developer-job/ https://developer.mozilla.org/en-US/blog/how-to-land-your-first-developer-job/ Fri, 01 Nov 2024 00:00:00 GMT <![CDATA[Here are six effective strategies for landing your first developer job. These are especially relevant if you're self-taught or breaking into the tech industry without a traditional CS degree. ]]> https://developer.mozilla.org/en-US/blog/new-community-page/ https://developer.mozilla.org/en-US/blog/new-community-page/ Tue, 15 Oct 2024 00:00:00 GMT <![CDATA[We are thrilled to announce the new MDN community page that will be a hub to recognize our contributors and a place for contributors to get involved. ]]> https://developer.mozilla.org/en-US/blog/fix-javascript-performance/ https://developer.mozilla.org/en-US/blog/fix-javascript-performance/ Wed, 09 Oct 2024 00:00:00 GMT <![CDATA[Learn about lesser-known web performance bottlenecks connected to excessive JavaScript usage, like long tasks, large bundle sizes, and hydration issues. ]]> https://developer.mozilla.org/en-US/blog/mdn-scrimba-back2school/ https://developer.mozilla.org/en-US/blog/mdn-scrimba-back2school/ Thu, 12 Sep 2024 00:00:00 GMT <![CDATA[For many of us, the holidays are over, and the time has come to focus. Now is an ideal time to dive into learning web development, and you're in luck — MDN and Scrimba are offering a 30% discount on select courses for the next month! ]]> https://developer.mozilla.org/en-US/blog/efficient-data-handling-with-the-streams-api/ https://developer.mozilla.org/en-US/blog/efficient-data-handling-with-the-streams-api/ Fri, 06 Sep 2024 00:00:00 GMT <![CDATA[This post demonstrates how to use the Streams API in a web application to fetch and transform text on the fly. By processing the data as it arrives, this approach enhances performance, responsiveness, and resource efficiency. ]]> https://developer.mozilla.org/en-US/blog/javascript-intl-segmenter-i18n/ https://developer.mozilla.org/en-US/blog/javascript-intl-segmenter-i18n/ Tue, 03 Sep 2024 00:00:00 GMT <![CDATA[Learn how to use Intl.Segmenter for locale-sensitive text segmentation in JavaScript to simplify localization, count words or sentences in different languages, and more.]]> https://developer.mozilla.org/en-US/blog/optimize-your-workflow-git-stash/ https://developer.mozilla.org/en-US/blog/optimize-your-workflow-git-stash/ Wed, 28 Aug 2024 00:00:00 GMT <![CDATA[Learn how to use Git stash to break down large commits. Discover a better approach for saving work when switching branches.]]> https://developer.mozilla.org/en-US/blog/debug-mobile-apps-across-devices/ https://developer.mozilla.org/en-US/blog/debug-mobile-apps-across-devices/ Wed, 07 Aug 2024 00:00:00 GMT <![CDATA[This post explores what mobile app debugging is, commonly used techniques, and how you can debug mobile apps on multiple devices.]]> https://developer.mozilla.org/en-US/blog/html-details-exclusive-accordions/ https://developer.mozilla.org/en-US/blog/html-details-exclusive-accordions/ Mon, 05 Aug 2024 00:00:00 GMT <![CDATA[The 'name' attribute of the HTML details element is gaining more support across browsers. Learn how this feature allows creating exclusive accordions without scripting widgets from scratch.]]> https://developer.mozilla.org/en-US/blog/exploring-the-broadcast-channel-api-for-cross-tab-communication/ https://developer.mozilla.org/en-US/blog/exploring-the-broadcast-channel-api-for-cross-tab-communication/ Fri, 12 Jul 2024 00:00:00 GMT <![CDATA[This article explains how to use the Broadcast Channel API to build synchronized and interconnected web applications.]]> https://developer.mozilla.org/en-US/blog/mdn-scrimba-partnership/ https://developer.mozilla.org/en-US/blog/mdn-scrimba-partnership/ Tue, 09 Jul 2024 00:00:00 GMT <![CDATA[We have chosen Scrimba as a course partner for the MDN Curriculum. This blog post explores what the partnership means practically, and how we will provide an even better web education experience together.]]> https://developer.mozilla.org/en-US/blog/mdn-http-observatory-launch/ https://developer.mozilla.org/en-US/blog/mdn-http-observatory-launch/ Tue, 02 Jul 2024 00:00:00 GMT <![CDATA[First released in 2016, the HTTP Observatory became popular in the web community with a combination of helpful security audits and educational material. Fast forward to 2024, and we are delighted to announce that Observatory's new home is MDN. Read on to find out more about what this entails, and give the HTTP Observatory a warm welcome!]]> https://developer.mozilla.org/en-US/blog/static-site-generation-with-nextjs/ https://developer.mozilla.org/en-US/blog/static-site-generation-with-nextjs/ Fri, 28 Jun 2024 00:00:00 GMT <![CDATA[This guide explains how to use Static Site Generation in Next.js to build scalable and secure web applications with fast loading times and a focus on performance.]]> https://developer.mozilla.org/en-US/blog/javascript-set-methods/ https://developer.mozilla.org/en-US/blog/javascript-set-methods/ Mon, 24 Jun 2024 00:00:00 GMT <![CDATA[New JavaScript Set methods are landing across browsers. Learn about sets, how you can use these methods to compare different sets, create new sets with specific properties, and more.]]> https://developer.mozilla.org/en-US/blog/securing-apis-express-rate-limit-and-slow-down/ https://developer.mozilla.org/en-US/blog/securing-apis-express-rate-limit-and-slow-down/ Tue, 28 May 2024 00:00:00 GMT <![CDATA[This guide introduces you to rate limits and slow down mechanisms. Learn how to apply slow down and rate limit mechanisms in Express applications.]]> https://developer.mozilla.org/en-US/blog/using-the-page-visibility-api/ https://developer.mozilla.org/en-US/blog/using-the-page-visibility-api/ Fri, 10 May 2024 00:00:00 GMT <![CDATA[This post takes a look at what page visibility is, how you can use the Page Visibility API in your applications, and describes pitfalls to avoid if you build features around this functionality.]]> https://developer.mozilla.org/en-US/blog/mdn-blog-one-year-on/ https://developer.mozilla.org/en-US/blog/mdn-blog-one-year-on/ Fri, 03 May 2024 00:00:00 GMT <![CDATA[We've been writing about web development and the web platform on the MDN Blog since May 2023. Here's our highlights and top posts along with our favorites.]]> https://developer.mozilla.org/en-US/blog/setting-up-service-workers-on-vultr/ https://developer.mozilla.org/en-US/blog/setting-up-service-workers-on-vultr/ Tue, 23 Apr 2024 00:00:00 GMT <![CDATA[This guide introduces you to service workers and their lifecycle. Learn how to deploy a project using service workers with HTTPS on Vultr.]]> https://developer.mozilla.org/en-US/blog/interop2023-mdn-doc-updates/ https://developer.mozilla.org/en-US/blog/interop2023-mdn-doc-updates/ Wed, 27 Mar 2024 00:00:00 GMT <![CDATA[Interop 2023 has successfully concluded, and the Interop 2024 project is now officially underway. Learn what Interop is, discover the updates from Interop 2023 now on MDN, and find out what's coming to the web next.]]> https://developer.mozilla.org/en-US/blog/test-javascript-with-jest-on-vultr/ https://developer.mozilla.org/en-US/blog/test-javascript-with-jest-on-vultr/ Fri, 22 Mar 2024 00:00:00 GMT <![CDATA[This guide introduces you to the common types of tests and the testing conventions. Learn how to test JavaScript with Jest on Vultr.]]> https://developer.mozilla.org/en-US/blog/color-palettes-css-color-mix/ https://developer.mozilla.org/en-US/blog/color-palettes-css-color-mix/ Fri, 08 Mar 2024 00:00:00 GMT <![CDATA[Working with colors on the web just got more interesting! In this article, we’ll explore how to use the CSS color-mix() function to create variations in color palettes.]]> https://developer.mozilla.org/en-US/blog/modernizing-test-automation-with-test-grid/ https://developer.mozilla.org/en-US/blog/modernizing-test-automation-with-test-grid/ Thu, 29 Feb 2024 00:00:00 GMT <![CDATA[This post reflects on the conventional test automation methods using Selenium and Appium. Learn how you can use TestGrid's unified testing platform to enhance the conventional methods and also leverage the modern codeless testing techniques.]]> https://developer.mozilla.org/en-US/blog/mdn-curriculum-launch/ https://developer.mozilla.org/en-US/blog/mdn-curriculum-launch/ Tue, 27 Feb 2024 00:00:00 GMT <![CDATA[The long-awaited MDN Curriculum is now live on MDN, providing a structured guide to the essential front-end development skills and best practices for industry newcomers. Learn all the key details in this article.]]> https://developer.mozilla.org/en-US/blog/technical-writing/ https://developer.mozilla.org/en-US/blog/technical-writing/ Tue, 13 Feb 2024 00:00:00 GMT <![CDATA[This article provides an overview of the core components required for creating effective technical documentation. Learn the best practices to make your documentation clear, consistent, and well-structured.]]> https://developer.mozilla.org/en-US/blog/leveraging-bun-on-vultr-a-superior-node-js-alternative/ https://developer.mozilla.org/en-US/blog/leveraging-bun-on-vultr-a-superior-node-js-alternative/ Wed, 17 Jan 2024 00:00:00 GMT <![CDATA[This guide explains Bun functionalities as a runtime package manager and a bundler. It also explains the benefits of built-in Bun APIs and how to use Bun's Vultr marketplace application.]]> https://developer.mozilla.org/en-US/blog/border-images-interop-2023/ https://developer.mozilla.org/en-US/blog/border-images-interop-2023/ Tue, 19 Dec 2023 00:00:00 GMT <![CDATA[Aligning with Interop 2023's emphasis on cross-browser consistency, this post walks you through various `border-image` properties that you can control to create captivating web designs. Learn how to use custom graphics for enhancing the look of your websites that appear consistent across different browsers.]]> https://developer.mozilla.org/en-US/blog/build-ai-powered-apps-openllm-vultr-gpu/ https://developer.mozilla.org/en-US/blog/build-ai-powered-apps-openllm-vultr-gpu/ Tue, 12 Dec 2023 00:00:00 GMT <![CDATA[Learn how to build AI-powered apps using OpenLLM and Vultr Cloud GPU. This guide shows how to generate API responses using a Large Language Model. It also covers instructions for setting up an Nginx server and implementing SSL security.]]> https://developer.mozilla.org/en-US/blog/goodbye-third-party-cookies/ https://developer.mozilla.org/en-US/blog/goodbye-third-party-cookies/ Fri, 08 Dec 2023 00:00:00 GMT <![CDATA[The tail end of 2023 welcomes positive news for web privacy, as Chrome announces it is to join Firefox and Safari in deprecating third-party cookies in 2024. Find out more details about these changes, and what they mean for web developers.]]> https://developer.mozilla.org/en-US/blog/baseline-evolution-on-mdn/ https://developer.mozilla.org/en-US/blog/baseline-evolution-on-mdn/ Tue, 05 Dec 2023 00:00:00 GMT <![CDATA[Today we're updating the Baseline widgets and introducing a new one, along with the updated definition of Baseline.]]> https://developer.mozilla.org/en-US/blog/learn-javascript-console-methods/ https://developer.mozilla.org/en-US/blog/learn-javascript-console-methods/ Thu, 30 Nov 2023 00:00:00 GMT <![CDATA[The JavaScript console is an essential tool for web development. Learn new and fun ways to use the console to display data and debug your code.]]> https://developer.mozilla.org/en-US/blog/getting-started-with-css-container-queries/ https://developer.mozilla.org/en-US/blog/getting-started-with-css-container-queries/ Thu, 16 Nov 2023 00:00:00 GMT <![CDATA[CSS container queries are a powerful new tool for our CSS layout toolbox. In this post we'll dive into the practicalities of building a layout with container queries.]]> https://developer.mozilla.org/en-US/blog/deploying-node-js-applications-with-pm2-on-vultr/ https://developer.mozilla.org/en-US/blog/deploying-node-js-applications-with-pm2-on-vultr/ Wed, 08 Nov 2023 00:00:00 GMT <![CDATA[Learn how to deploy a Node.js application on Vultr using PM2 to create persistent services. This guide shows how to efficiently use resources via PM2 cluster mode. It also covers Nginx server setup and SSL security.]]> https://developer.mozilla.org/en-US/blog/vs-code-tips-tricks/ https://developer.mozilla.org/en-US/blog/vs-code-tips-tricks/ Tue, 07 Nov 2023 00:00:00 GMT <![CDATA[Discover essential tips and tricks for using Visual Studio Code (VS Code), a powerful IDE. Learn how to leverage its integrated editing features and Git support, and explore a few extensions.]]> https://developer.mozilla.org/en-US/blog/mdn-observatory/ https://developer.mozilla.org/en-US/blog/mdn-observatory/ Wed, 25 Oct 2023 00:00:00 GMT <![CDATA[Observatory 2.0 is launching soon as part of the Mozilla Developer Network as the MDN Observatory with new security scoring standards and other exciting updates.]]> https://developer.mozilla.org/en-US/blog/optimizing-devsecops-workflows-with-gitlab-conditional-ci-cd-pipelines/ https://developer.mozilla.org/en-US/blog/optimizing-devsecops-workflows-with-gitlab-conditional-ci-cd-pipelines/ Mon, 23 Oct 2023 00:00:00 GMT <![CDATA[This guide explores the various types of CI/CD pipelines and helps you understand their specific use cases. Learn how to leverage rules to create highly efficient DevSecOps workflows.]]> https://developer.mozilla.org/en-US/blog/introduction-to-web-sustainability/ https://developer.mozilla.org/en-US/blog/introduction-to-web-sustainability/ Wed, 11 Oct 2023 00:00:00 GMT <![CDATA[What can web designers and developers do to build a more sustainable web? This post explores the environmental impacts of web technologies and looks at some of the ways we can build greener websites.]]> https://developer.mozilla.org/en-US/blog/migrating-from-github-to-gitlab-seamlessly-a-step-by-step-guide/ https://developer.mozilla.org/en-US/blog/migrating-from-github-to-gitlab-seamlessly-a-step-by-step-guide/ Thu, 05 Oct 2023 00:00:00 GMT <![CDATA[Thinking about making the move from GitHub to GitLab? This guide demystifies the migration process, addressing common concerns for DevSecOps teams that are looking to seamlessly transition between the two platforms. This post provides a step-by-step guided tutorial on how to migrate your data from GitHub into GitLab.]]> https://developer.mozilla.org/en-US/blog/announcing-mdn-front-end-developer-curriculum/ https://developer.mozilla.org/en-US/blog/announcing-mdn-front-end-developer-curriculum/ Mon, 14 Aug 2023 00:00:00 GMT <![CDATA[MDN has created a curriculum for aspiring front-end developers to build a rewarding and successful career. Take a look at the curriculum, who it's for, and the research it's based on.]]> https://developer.mozilla.org/en-US/blog/custom-easing-in-css-with-linear/ https://developer.mozilla.org/en-US/blog/custom-easing-in-css-with-linear/ Tue, 01 Aug 2023 00:00:00 GMT <![CDATA[The new CSS linear() timing function enables custom easing in animations. Explore how linear() works compared with other timing functions used for easing, with practical examples.]]> https://developer.mozilla.org/en-US/blog/securing-cdn-using-sri-why-how/ https://developer.mozilla.org/en-US/blog/securing-cdn-using-sri-why-how/ Fri, 21 Jul 2023 00:00:00 GMT <![CDATA[Relying on external resources for your website is always fraught with risks. Learn how to protect your website and its visitors by using SRI to secure third-party content.]]> https://developer.mozilla.org/en-US/blog/scroll-progress-animations-in-css/ https://developer.mozilla.org/en-US/blog/scroll-progress-animations-in-css/ Fri, 14 Jul 2023 00:00:00 GMT <![CDATA[Scroll-driven animations are coming to CSS! In this post, we'll look at a few types of animations and learn how to link them to the scroll progress of a container.]]> https://developer.mozilla.org/en-US/blog/ai-explain-postmortem/ https://developer.mozilla.org/en-US/blog/ai-explain-postmortem/ Tue, 11 Jul 2023 00:00:00 GMT <![CDATA[We recently launched a feature called AI Explain, but we have rolled this back for now. In this post, we look into the story behind AI Explain: its development, launch, and the reasons that led us to press the pause button.]]> https://developer.mozilla.org/en-US/blog/searching-code-with-grep/ https://developer.mozilla.org/en-US/blog/searching-code-with-grep/ Mon, 03 Jul 2023 00:00:00 GMT <![CDATA[grep is a powerful tool for searching code from the terminal. This post will show you how to use grep and why it's an essential developer tool.]]> https://developer.mozilla.org/en-US/blog/introducing-ai-help/ https://developer.mozilla.org/en-US/blog/introducing-ai-help/ Tue, 27 Jun 2023 00:00:00 GMT <![CDATA[We're introducing an AI assistant powered by MDN and OpenAI GPT 3.5 to answer all your web development questions in real time.]]> https://developer.mozilla.org/en-US/blog/learn-css-hues-colors-hsl/ https://developer.mozilla.org/en-US/blog/learn-css-hues-colors-hsl/ Mon, 26 Jun 2023 00:00:00 GMT <![CDATA[Hues are a bright way to define colors in CSS. Learn about hues, color wheels, how to use color functions, and how you can create vibrant color palettes for your website using hue.]]> https://developer.mozilla.org/en-US/blog/introducing-the-mdn-playground/ https://developer.mozilla.org/en-US/blog/introducing-the-mdn-playground/ Thu, 22 Jun 2023 00:00:00 GMT <![CDATA[MDN is launching a code Playground. Users can prototype ideas and expand all live samples into an interactive experience.]]> https://developer.mozilla.org/en-US/blog/mdn-docs-june-2023/ https://developer.mozilla.org/en-US/blog/mdn-docs-june-2023/ Tue, 13 Jun 2023 00:00:00 GMT <![CDATA[Discover CSS :lang(), experimental media queries, manipulating graphics with WebGPU, client-server communication with WebTransport, ECMAScript module support, and more.]]> https://developer.mozilla.org/en-US/blog/javascript-shape-drawing-function/ https://developer.mozilla.org/en-US/blog/javascript-shape-drawing-function/ Fri, 26 May 2023 00:00:00 GMT <![CDATA[Learn how to use JavaScript to draw any regular shape to a HTML canvas with a single function, and how to modify it to draw multiple shapes.]]> https://developer.mozilla.org/en-US/blog/regular-expressions-reference-updates/ https://developer.mozilla.org/en-US/blog/regular-expressions-reference-updates/ Tue, 23 May 2023 00:00:00 GMT <![CDATA[See the latest updates to the MDN reference pages about JavaScript regular expressions, including new sections on sub-features and browser compatibility information.]]> https://developer.mozilla.org/en-US/blog/accessibility-celebrating-gaad-2023/ https://developer.mozilla.org/en-US/blog/accessibility-celebrating-gaad-2023/ Thu, 18 May 2023 00:00:00 GMT <![CDATA[In celebration of Global Accessibility Awareness Day in 2023, we share some tools and guidelines to help you make the web more accessible.]]> https://developer.mozilla.org/en-US/blog/aria-accessibility-html-landmark-roles/ https://developer.mozilla.org/en-US/blog/aria-accessibility-html-landmark-roles/ Mon, 15 May 2023 00:00:00 GMT <![CDATA[Learn what HTML landmark roles are, how they improve accessibility, and how you can include them on your website effectively.]]> https://developer.mozilla.org/en-US/blog/baseline-unified-view-stable-web-features/ https://developer.mozilla.org/en-US/blog/baseline-unified-view-stable-web-features/ Wed, 10 May 2023 00:00:00 GMT <![CDATA[MDN leads the way in implementing WebDX community group's efforts, delivering a clear and simple baseline for the web platform to developers.]]> https://developer.mozilla.org/en-US/blog/css-not-pseudo-multiple-selectors/ https://developer.mozilla.org/en-US/blog/css-not-pseudo-multiple-selectors/ Fri, 05 May 2023 00:00:00 GMT <![CDATA[Learn how the CSS `:not()` pseudo-class behaves when multiple selectors are passed as argument.]]> https://developer.mozilla.org/en-US/blog/css-color-module-level-4/ https://developer.mozilla.org/en-US/blog/css-color-module-level-4/ Wed, 03 May 2023 00:00:00 GMT <![CDATA[Learn what's new in CSS Colors Module Level 4, including color spaces, color functions, fancy gradients, and support for wide-gamut displays.]]> https://developer.mozilla.org/en-US/blog/welcome-to-the-MDN-blog/ https://developer.mozilla.org/en-US/blog/welcome-to-the-MDN-blog/ Wed, 03 May 2023 00:00:00 GMT <![CDATA[The MDN blog publishes web development news, tutorials, and insights as an extension of MDN Web Docs, helping you discover, learn, and create for the web.]]>