🔖 Bringing interactive examples to MDN | Mozilla Hacks – the Web developer blog

Bookmarked Bringing interactive examples to MDN by Will Bamberg (Mozilla Hacks – the Web developer blog)

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 for this was the idea that MDN should do more to help “action-oriented” users: people who like to learn by seeing and playing around with example code, rather than by reading about it.

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.

h/t to @rachelandrew

The interactive examples on @MozDevNet are so useful, happy to have been a part of getting the CSS examples ready!
— Rachel Andrew (@rachelandrew) March 22, 2018