Blog it better

Announcing the MDN front-end developer curriculum
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.

Creating custom easing effects in CSS animations using the linear() function
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.

Securing your CDN: Why and how should you use SRI
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.

Scroll progress animations in CSS
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.

Reflections on AI Explain: A postmortem
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.

Developer essentials: How to search code using grep
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.

Introducing AI Help (Beta): Your Companion for Web Development
We'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
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.

Introducing the MDN Playground: Bring your code to life!
MDN 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
Discover 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
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.

New reference pages on MDN for JavaScript regular expressions
See 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
In 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
Learn 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
MDN 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
Learn how the CSS `:not()` pseudo-class behaves when multiple selectors are passed as argument.

New functions, gradients, and hues in CSS colors (Level 4)
Learn 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
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.