https://developer.mozilla.org/en-US/blog/mdn-blog-one-year-on/ * Skip to main content * Skip to search Open main menu * ReferencesReferences + Overview / Web Technology Web technology reference for developers + HTML Structure of content on the web + CSS Code used to describe document style + JavaScript General-purpose scripting language + HTTP Protocol for transmitting web resources + Web APIs Interfaces for building web applications + Web Extensions Developing extensions for web browsers + Web Technology Web technology reference for developers * GuidesGuides + Overview / MDN Learning Area Learn web development + MDN Learning Area Learn web development + HTML Learn to structure web content with HTML + CSS Learn to style content using CSS + JavaScript Learn to run scripts in the browser + Accessibility Learn to make the web accessible to all * PlusPlus + Overview A customized MDN experience + AI Help (beta) Get real-time assistance and support + Updates All browser compatibility updates at a glance + Documentation Learn how to use MDN Plus + FAQ Frequently asked questions about MDN Plus * Curriculum^New * Blog * Play * AI Help ^Beta Search MDN[ ]Clear search inputSearch Theme * Log in * Sign up for free In this article * What's published on the MDN blog * Our most-read posts * Guest posts * Sponsored content * MDN team updates * Thanks for reading A year of publishing the MDN blog title. A vibrant gradient behind artwork representing different web technologies and categories including JavaScript, HTML, CSS, accessibility, and a running computer terminal. A year of publishing the MDN Blog Author avatarThe MDN TeamMay 3, 20245 minute read When we launched the MDN Blog in May 2023, we were excited and curious to see what our readers would think and how the blog would look like one year on. We're thrilled to see that there's a wonderful variety of articles from the MDN team, guests, and partners that we think help developers build for the web. We launched the blog with the intention of having a channel that's separate from our usual reference docs where we could experiment more with the format of the content. We also decided to include content sponsored by partners and contributions from guest authors, focusing on web development topics, especially about features that are new or just around the corner. We also wanted to have a place to announce interesting developments on the MDN platform, and share features we're working on and shipping. A year later is a perfect milestone to look back over highlights from articles we've published and see what we've achieved together. Let's have a look at what we've published, some numbers on our highest-visited articles, who we partnered with for sponsored content, picks from our guest authors, and other updates from the team. What's published on the MDN blog We published 38 articles in total, and it breaks down to the following categories: A donut chart showing the percentage posts on MDN blog per category. The percentage by category is 39.5% 'News & Launches', 20.9% 'JavaScript', 18.6% 'CSS', 11.6% 'DevOps', 4.7% 'HTML', and 4.7% 'Dev tools, coding'. There is an overlap between these categories, so this chart presents a general overview of the content we've published. We're posting a lot of news, such as summaries of the latest content added to MDN, announcements of new features added to the MDN website, and updates on what's coming soon to the web platform and MDN itself. DevOps might be a surprising category for some, but it is an excellent way to describe some of our articles, which guide people in testing and deploying their projects and moving from a collection of files on their machines to a working, maintainable, and scalable web application. Our most-read posts Let's take a look at the most popular content overall. Here's our most viewed articles, ordered by number of visits: 1. New reference pages on MDN for JavaScript regular expressions 2. Using HTML landmark roles to improve accessibility 3. Introducing AI Help (Beta): Your Companion for Web Development 4. Scroll progress animations in CSS 5. Introducing the MDN Playground: Bring your code to life! JavaScript regex tops our list, and it proves to be a tricky subject for readers to master, whether or not you've HADC0FFEE: js function isHexadecimal(str) { return /^[0-9A-F]+$/i.test(str); } isHexadecimal("HADC0FFEE"); // true We're happy to note that accessibility is one of the most-read topics. Having the landmark roles article high up on our list shows that readers are interested in this area, which is a win for designing and promoting accessible web experiences. html A lot has happened in the CSS domain over the last year, and our top-five list would certainly not be complete without a CSS topic. What could be better than CSS-driven animations with inspiring examples? css .progress { height: 1rem; background: blue; transform-origin: 0 50%; animation: scaleProgress auto linear forwards; animation-timeline: scroll(root); } @keyframes scaleProgress { 0% { transform: scaleX(0); } 100% { transform: scaleX(1); } } It's no surprise that JavaScript, CSS, and HTML each have a spot in the most-read posts, as these are the main technology categories that we document on MDN. Our other two posts in the top five are announcements about new functionality shipping on the MDN platform, showing that our readers are interested in finding out what's happening on MDN and the ways that we're continuously improving the site. Guest posts We've published seven guest posts, by Terence Eden, Michelle Barker, and Chris Mills, who have written about security, performance, web sustainability, and CSS topics such as container queries, scroll-driven animations, and more. Here's a few highlights from our guest writers: * Saying goodbye to third-party cookies in 2024 by Chris Mills * Getting started with CSS container queries by Michelle Barker * Securing your CDN: Why and how should you use SRI by Terence Eden Guest posts like these are a way to not only spread the word about web platform updates, but to promote and demystify techniques that help developers make applications and web pages more secure. This snippet from the SRI post is a great example that prevents the browser from running a script if the SHA-256 hash doesn't match what we expect it to be: html We hope that by providing practical hints like the one above, we can propagate better practices and push the web to be a more secure place for developers and everyone who uses their applications. Sponsored content In 2023, GitLab, TestGrid, and Vultr choose the MDN Blog as a medium to post developer-facing sponsored content. Together with our partners, we've put a lot of effort into making sure the content is educational, helpful, and timely for web developers, while also bringing value to companies who see our readers as a perfect audience for their products and services. Here's a selection of posts from our partners: * Optimizing DevSecOps workflows with GitLab's conditional CI/CD pipelines * Leveraging Bun on Vultr: A superior Node.js alternative * Modernizing conventional test automation with TestGrid We're happy to be able to share high-quality resources that our readers find educational and practical, like the potential performance benefits of using Bun as a Node.js alternative: js Bun.serve({ fetch(req) { return new Response("Bun!"); }, }); MDN team updates Of course, we're also happy to share what we're working on at MDN, from documentation projects to platform features and functionality. This is a short list of highlights from the MDN team: * Introducing Baseline: a unified view of stable web features * Introducing the MDN Playground: Bring your code to life! * Introducing AI Help (Beta): Your Companion for Web Development * Lift-off: The MDN Curriculum launch Baseline has really resonated with a lot of developers, helping them quickly determine whether features have stable browser support. We're very curious to see how the project grows in the future: MDN reference page for the border-image CSS property with the green Baseline widget on top. On the widget, there's a big green checkmark, Baseline widely available title, and four browser logos, all with checkmarks. We're also thrilled about the feedback we've received about the MDN Curriculum. We're glad that people getting started in web development are as excited about using this carefully curated learning resource as we are about publishing and maintaining it. Thanks for reading That's a wrap for our 'year in review' post. We want to thank all of our readers and community for the support, feedback, and engagement you've provided. Thank you for reading! We're looking forward to hearing your thoughts on what you'd like to see more of in the future. Feel free to get in touch with us and let us know what you think! Previous Post Setting up service workers on Vultr Stay Informed with MDN Get the MDN newsletter and never miss an update on the latest web development trends, tips, and best practices. Your email address:[ ] [ ] I'm okay with Mozilla handling my info as explained in this Privacy Notice Sign Up Now Your blueprint for a better internet. * MDN on Mastodon * MDN on X (formerly Twitter) * MDN on GitHub * MDN Blog RSS Feed MDN * About * Blog * Careers * Advertise with us Support * Product help * Report an issue Our communities * MDN Community * MDN Forum * MDN Chat Developers * Web Technologies * Learn Web Development * MDN Plus * Hacks Blog * Website Privacy Notice * Cookies * Legal * Community Participation Guidelines Visit Mozilla Corporation's not-for-profit parent, the Mozilla Foundation. Portions of this content are (c)1998-2024 by individual mozilla.org contributors. Content available under a Creative Commons license.