interactive-examples
interactive-examples copied to clipboard
mdn
Home of the MDN live code editor interactive examples
See https://github.com/mdn/interactive-examples/issues/471. The code that figures out whether a thing is supported by the browser (https://github.com/mdn/interactive-examples/blob/master/js/editor-libs/mce-utils.js#L41) assumes that the thing is a CSS property. If we want to have examples...
At the moment I'm writing examples in ES5, which means I convert things like: ``` var p1 = Promise.resolve(3); var p2 = 42; var p3 = new Promise((resolve, reject) =>...
Suggested by @thejameskyle in conversation with @chrisdavidmills . When people edit JS examples, we could lint them and display any lint errors. > James likes our interactive editor, but said...
If the CSS in an example is something like: ``` position: relative; top: 65px; left: 65px; ``` ...then the user edits it and makes a mistake, the editor will only...
This issue is about tracking what needs to be done about localization: - [ ] Being able to localize strings in templates (or templates) (e.g. the "Reset" button) - [...
I'm wondering whether we could add testing to the build process. I'm thinking specifically that it would be useful to be able to check the output of our `console.log` function(s),...
It’d be nice if https://interactive-examples.mdn.mozilla.net were CORS-enabled, so that it’d be possible use fetch/xhr/ajax to get resources from it. See https://github.com/mdn/content/pull/726 for some context; I had considered using https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.mp4 as...
https://wiki.developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/PluralRules/select
See https://wiki.developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/PluralRules/resolvedOptions. The interactive example could follow a similar pattern to the example for [Intl.NumberFormat.resolvedOptions()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/resolvedOptions).
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/formatToParts The interactive example could follow a similar pattern to the example for [Intl.RelativeTimeFormat.formatToParts()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/RelativeTimeFormat/formatToParts).