Blog it better
Interop 2023: MDN updates
Brian Smith6 minute readInterop 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
Vultr7 minute readThis 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
Michelle Barker8 minute readWorking 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
TestGrid13 minute readThis 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
Hermina Condei5 minute readThe 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
Dipika Bhattacharya7 minute readThis 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
Vultr6 minute readThis 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
Dipika Bhattacharya10 minute readAligning 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
Vultr8 minute readLearn 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
Chris Mills8 minute readThe 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
Vadim Makeev4 minute readToday we're updating the Baseline widgets and introducing a new one, along with the updated definition of Baseline.
Developer essentials: JavaScript console methods
Brian Smith7 minute readThe 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
Michelle Barker9 minute readCSS 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
Vultr8 minute readLearn 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
Dipika Bhattacharya9 minute readDiscover 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
The MDN Team1 minute readObservatory 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.
Optimizing DevSecOps workflows with GitLab's conditional CI/CD pipelines
GitLab9 minute readThis 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.
Introduction to web sustainability
Michelle Barker8 minute readWhat 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.
Migrating from GitHub to GitLab seamlessly: A step-by-step guide
GitLab10 minute readThinking 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.
Announcing the MDN front-end developer curriculum
The MDN Team4 minute readMDN 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.
Creating custom easing effects in CSS animations using the linear() function
Michelle Barker11 minute readThe 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.
Securing your CDN: Why and how should you use SRI
Terence Eden4 minute readRelying 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.
Scroll progress animations in CSS
Michelle Barker7 minute readScroll-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.
Reflections on AI Explain: A postmortem
The MDN Team10 minute readWe 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.
Developer essentials: How to search code using grep
Brian Smith9 minute readgrep 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.
Introducing AI Help (Beta): Your Companion for Web Development
Hermina Condei3 minute readWe're introducing an AI assistant powered by MDN and OpenAI GPT 3.5 to answer all your web development questions in real time.
Learn how to use hue in CSS colors with HSL
Brian Smith8 minute readHues 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.
Introducing the MDN Playground: Bring your code to life!
Florian Dieminger6 minute readMDN is launching a code Playground. Users can prototype ideas and expand all live samples into an interactive experience.
MDN doc updates: CSS selectors & media queries, WebGPU & WebTransport APIs, Progressive web apps
Dipika Bhattacharya6 minute readDiscover CSS :lang(), experimental media queries, manipulating graphics with WebGPU, client-server communication with WebTransport, ECMAScript module support, and more.
How to draw any regular shape with just one JavaScript function
Ruth John4 minute readLearn 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.
New reference pages on MDN for JavaScript regular expressions
Brian Smith5 minute readSee the latest updates to the MDN reference pages about JavaScript regular expressions, including new sections on sub-features and browser compatibility information.
Celebrating Global Accessibility Awareness Day
Schalk Neethling6 minute readIn celebration of Global Accessibility Awareness Day in 2023, we share some tools and guidelines to help you make the web more accessible.
Using HTML landmark roles to improve accessibility
Schalk Neethling12 minute readLearn what HTML landmark roles are, how they improve accessibility, and how you can include them on your website effectively.
Introducing Baseline: a unified view of stable web features
Hermina Condei3 minute readMDN leads the way in implementing WebDX community group's efforts, delivering a clear and simple baseline for the web platform to developers.
How :not() chains multiple selectors
Dipika Bhattacharya4 minute readLearn how the CSS `:not()` pseudo-class behaves when multiple selectors are passed as argument.
New functions, gradients, and hues in CSS colors (Level 4)
Brian Smith10 minute readLearn what's new in CSS Colors Module Level 4, including color spaces, color functions, fancy gradients, and support for wide-gamut displays.
Welcome to the MDN blog
Ruth John1 minute readThe 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.