Docs Articles
-
Mozilla and Open Web Docs working together on MDN
For both MDN and Open Web Docs (OWD), transparency is paramount to our missions. With the upcoming launch of MDN Plus, we believe it’s a good time to talk about how our two organizations work together, and if there is a financial relationship between us. Here is an overview of how our missions overlap and how they differ, and how a premium subscription service fits all this.
-
A new year, a new MDN
If you’ve accessed the MDN website today, you probably noticed that it looks quite different. We hope it’s a good different. Let us explain! In mid-2021 we started to think about modernizing MDN’s design, to create a clean and inviting website that makes navigating our 44,000 articles as easy as possible. We wanted to create a more holistic experience for our users, with an emphasis on improved navigability and a universal look and feel across all our pages.
-
Contributing to MDN: Meet the Contributors
If you’ve ever built anything with web technologies, you’re probably familiar with MDN Web Docs. With about 13,000 pages documenting how to use programming languages such as HTML, CSS and JavaScript, the site has about 8,000 people using it at any given moment. MDN relies on contributors to help maintain its ever-expanding and up to date documentation. We reached out to 4 long-time community contributors to talk about how and why they started contributing, why they kept going, and ask what advice they have for new contributors.
-
How MDN’s autocomplete search works
Last month, Gregor Weber and Peter Bengtsson added an autocomplete search to MDN Web Docs, that allows you to quickly jump straight to the document you're looking for by typing parts of the document title. This is the story about how that's implemented.
-
MDN Web Docs: Editorial strategy and community participation
We’ve made a lot of progress on moving forward with MDN Web Docs in the last couple of months, and we wanted to share where we are headed in the short- to mid-term, starting with our editorial strategy and renewed efforts around community participation.
-
Owning it: browser compatibility data and open source governance
What does it mean to “own” an open-source project? With the browser-compat-data project (“BCD”), the MDN (Mozilla Developer Network) community and I recently had the opportunity to find out.
-
Hack on MDN: Better accessibility for MDN Web Docs
Making websites accessible to a wide range of users is a vital topic for creators on the web. Over a long weekend in late September, more than twenty people met in London to work on accessibility on the MDN Web Docs website — both the content about accessibility and the accessibility of the site itself. The result was a considerable refresh and new opportunities to continue the projects begun.
-
Progressive Web Games
Web game developer Andrzej Mazur explores the concept of Progressive Web Games. He describes howe to use PWA features built with Web APIs for modern game development. He introduces the Enclave Phaser Template (EPT) — a free, open sourced mobile boilerplate for HTML5 games that provides many shortcuts for getting started.
-
Progressive Web Apps core guides on MDN Web Docs
Introducing the newly released Core PWA Guides on the MDN Web Docs site. Progressive Web Apps (PWAs) are a new way of building websites, but are they really all that new? Key PWA strategies and associated features include progressive enhancement, responsive design, and mobile-first thinking.
-
Hack on MDN: Building useful tools with browser compatibility data
The MDN team is migrating browser compatibility data into a JSON database to make it more useful and extensible for web developers. On a recent weekend in Paris, a group of Mozillians and friends gathered to work on projects to improve and extend the BCD data. The Hack on MDN event combined unconference and hackathon; participants pitched projects and committed to working on concrete tasks. Check out the brilliant results of their collaboration.