Introducing the MDN MCP server
MDN's MCP server brings MDN's documentation and browser compatibility data directly into your editor or IDE, giving your LLM or coding agent access to accurate, up-to-date web platform information.
MDN 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.
Live Last read · last published · next check
Latest posts
Under the hood of MDN's new frontend
You may have spotted that MDN has a new frontend. There's plenty happening under the surface, so let's unpack the technologies we chose, the architectural decisions we made, and why we did a rebuild at all.
Image formats: Codecs and compression tools
Image compression involves countless trade-offs between quality, size, and speed. In this final part of the series, we experiment with codecs, metrics, and tools to find practical ways to balance efficiency and visual fidelity.
A beginner-friendly guide to view transitions in CSS
Learn how to bring smooth, animated navigation to multi-page apps with view transitions. With just one line of CSS, you can enable seamless transitions between pages.
Launching MDN's new front end
MDN is getting a facelift 🎉. Discover what's changed, what's improved, and how navigating the site just got smoother.
Image formats: Pixel data from encoders to decoders
From individual pixels to fully decoded images on your screen, raw pixel data gets transformed, compressed, and efficiently delivered. Learn about the techniques and optimizations that shrink image information without any perceivable loss in quality.
Celebrating 20 years of MDN
MDN turns 20! Let's look at how we started, how MDN became the most trusted resource for web developers, the impact it's had on the open web, and yes, there's cake, too.
Image formats: Color models for humans and devices
Images help bring more color and life to the web. This post describes how images are represented by humans and on different devices, with details about color spaces and vision theory.
Default styles for h1 elements are changing
Browsers are starting to roll out changes in default UA styles for nested section headings. This post describes the incoming changes, how to identify if it's an issue on your websites, and hints for conformant and better-structured pages.
Implications of Global Privacy Control
Global Privacy Control (GPC) is on the way to becoming a formal privacy standard with the recent publication of its first working draft. Let's take a look at what the implications are for developers and users.
JavaScript Temporal is coming
A new way to handle dates and times is being added to JavaScript. Let's take a look at Temporal, what problems it solves, the current state, and what you'll find in the new documentation about it on MDN.
Fix your website's Largest Contentful Paint by optimizing image loading
Learn techniques to improve the Largest Contentful Paint metric, a part of Core Web Vitals, for your website.
MDN 2024 content projects
Let's have a look at MDN Web Docs content projects in 2024, with highlights of our top picks and recommended reading, and at what's next on MDN for 2025.
A new learning experience on MDN
There's a new Learn Web Development section on MDN that merges the MDN Curriculum with the Learn section. Here's the background to these changes, what's new, and what you can expect to see in the future.
Countdown to the holidays with daily coding challenges
Join JavaScriptmas this December for daily coding challenges designed to boost your skills and bring festive fun. Solve challenges on Scrimba, learn something new, and take part for a chance to win exciting prizes!
Monitoring and optimizing website performance
Learn about reading network request waterfalls, identifying common network performance issues, and optimizing page rendering.
How to land your first developer job
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.
Introducing the new MDN Community page
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.
Fixing your website's JavaScript performance
Learn about lesser-known web performance bottlenecks connected to excessive JavaScript usage, like long tasks, large bundle sizes, and hydration issues.
Get back to school! Supercharge your learning with MDN and Scrimba
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!
Efficient data handling with the Streams API
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.
Locale-sensitive text segmentation in JavaScript with Intl.Segmenter
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.
Optimize your workflow with Git stash
Learn how to use Git stash to break down large commits. Discover a better approach for saving work when switching branches.
How to debug mobile apps across devices
This post explores what mobile app debugging is, commonly used techniques, and how you can debug mobile apps on multiple devices.
Exclusive accordions using the HTML details element
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.
Exploring the Broadcast Channel API for cross-tab communication
This article explains how to use the Broadcast Channel API to build synchronized and interconnected web applications.
MDN partners with Scrimba to enhance web development learning
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.
Introducing the MDN HTTP Observatory
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!
Static Site Generation (SSG) with Next.js
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.
New JavaScript Set methods
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.
Securing APIs: Express rate limit and slow down
This guide introduces you to rate limits and slow down mechanisms. Learn how to apply slow down and rate limit mechanisms in Express applications.
Using the Page Visibility API
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.
A year of publishing the MDN Blog
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.
Setting up service workers on Vultr
This guide introduces you to service workers and their lifecycle. Learn how to deploy a project using service workers with HTTPS on Vultr.
Interop 2023: MDN updates
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.
Testing JavaScript with Jest on Vultr
This guide introduces you to the common types of tests and the testing conventions. Learn how to test JavaScript with Jest on Vultr.
Creating color palettes with the CSS color-mix() function
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.
Modernizing conventional test automation with TestGrid
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.
Lift-off: The MDN Curriculum launch
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.
Creating effective technical documentation
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.
Leveraging Bun on Vultr: A superior Node.js alternative
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.
Border images in CSS: A key focus area for Interop 2023
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.
Build AI-powered applications using OpenLLM and Vultr Cloud GPU
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.
Saying goodbye to third-party cookies in 2024
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.
Baseline's evolution on MDN
Today we're updating the Baseline widgets and introducing a new one, along with the updated definition of Baseline.
Developer essentials: JavaScript console methods
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.
Getting started with CSS container queries
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.
Deploying Node.js applications with PM2 on Vultr
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.
VS Code: Tips and tricks for beginners
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.
Coming Soon: MDN Observatory 2.0
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.