MDN Articles
-
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.
-
MDN Changelog for March 2018
Publishing a changelog is a tradition in open source, and a long-time practice on the web. In this changelog, MDN engineers report on what happened in March to the code, data, and tools that support MDN Web Docs, and look ahead to what's on plan for this month. Learn more about the work of the MDN engineering team and their impact, and discover opportunities to participate in building and supporting MDN Web Docs and the open web platform.
-
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.
-
Bringing interactive examples to MDN
Over the last year and a bit, the MDN Web Docs team has been designing, building, and implementing interactive examples for our reference pages. The motivation was to do more on MDN for people who like to learn by seeing and playing around with example code. We've just finished adding interactive examples for the JavaScript and CSS reference pages. This post looks back at the project to see how we got here and what we learned on the way.
-
MDN browser compatibility data: Taking the guesswork out of web compatibility
The most powerful aspect of the web is also what makes it so challenging to build for: its universality. When you create a website, you’re writing code that needs to be understood by a plethora of browsers on different devices and operating systems. To allow for browser compatibility data to be accessed programmatically rather than requiring developers to manually search for it, the MDN community is working on migrating the compatibility information currently stored on thousands of wiki pages to a machine-readable JSON format in a GitHub repository.
-
Introducing the MDN Product Advisory Board: actions and impressions from our first meeting
A report from the first in-person meeting of the MDN Product Advisory Board (PAB) held earlier this month. The goal of the MDN Product Advisory Board is to provide guidance that helps MDN be the best reference for web developers. In 2018, MDN users can look forward to a renewed focus on interactive samples and ongoing work around the MDN compatibility data project. Want to get more involved?
-
New flexbox guides on MDN
With Flexbox and Grid, plus the related specifications of Box Alignment and Writing Modes, we have new layout models for the web, which have been designed to enable the types of layouts we need to create. Whether your interest is in being able to implement more creative designs, or simply to streamline development of complex user interfaces Rachel Andrews' thoughtful materials will help you to gain a thorough understanding of the power of Flexbox and Grid working together.
-
Essential WebVR resources
With the release of the WebVR API v1.1, and WebVR support in Firefox 55, here's a collection of useful resources for WebVR development. From the landing page at vr.mozilla.org to the A-Frame website and community, here's everything you need to get started.
-
The MDN Redesign “Behind the Scenes”
MDN is getting a new look today. Read about the changes we've made, like bug fixes, toning down the contrast and enabling http2. Want to hear more about our new system for overriding site fonts on a per-locale basis? Drop us a line in the comments section. Did we break something you love? File a bug and we'll take a look.
-
Control mechanisms in JavaScript games
Laptops, computers, smartphones, tablets, TVs, even fridges have one thing in common — they can probably run a browser, so you can probably play an HTML5 game on them. Rendering the game on screen is one thing, but you also have to control it somehow, and there are plenty of different options suited for various […]