diff --git a/files/en-us/mozilla/add-ons/webextensions/user_interface/browser_action/index.md b/files/en-us/mozilla/add-ons/webextensions/user_interface/browser_action/index.md index c1c63636ad0e62f..874a562c68debca 100644 --- a/files/en-us/mozilla/add-ons/webextensions/user_interface/browser_action/index.md +++ b/files/en-us/mozilla/add-ons/webextensions/user_interface/browser_action/index.md @@ -47,5 +47,5 @@ For details on how to create icons to use with your browser action, see [Iconogr The [`webextensions-examples`](https://github.com/mdn/webextensions-examples) repository on GitHub contains two examples of extensions that implement browser actions: -- [bookmark-it](https://github.com/mdn/webextensions-examples/blob/master/bookmark-it/) uses a browser action without a popup +- [bookmark-it](https://github.com/mdn/webextensions-examples/tree/master/bookmark-it) uses a browser action without a popup - [beastify](https://github.com/mdn/webextensions-examples/tree/master/beastify) uses a browser action with a popup diff --git a/files/en-us/mozilla/add-ons/webextensions/user_interface/devtools_panels/index.md b/files/en-us/mozilla/add-ons/webextensions/user_interface/devtools_panels/index.md index a911406aa52d4ae..fcb48dec81ced7f 100644 --- a/files/en-us/mozilla/add-ons/webextensions/user_interface/devtools_panels/index.md +++ b/files/en-us/mozilla/add-ons/webextensions/user_interface/devtools_panels/index.md @@ -66,4 +66,4 @@ For details on how to create icons to use with your developer tools panel, see [ ## Examples -The [webextensions-examples](https://github.com/mdn/webextensions-examples) repository on GitHub includes the [devtools-panels](https://github.com/mdn/webextensions-examples/blob/master/devtools-panels/) example which implements a devtools panel. +The [webextensions-examples](https://github.com/mdn/webextensions-examples) repository on GitHub includes the [devtools-panels](https://github.com/mdn/webextensions-examples/tree/master/devtools-panels) example which implements a devtools panel. diff --git a/files/en-us/mozilla/add-ons/webextensions/your_second_webextension/index.md b/files/en-us/mozilla/add-ons/webextensions/your_second_webextension/index.md index ed5c0be20266cd6..22252093386707c 100644 --- a/files/en-us/mozilla/add-ons/webextensions/your_second_webextension/index.md +++ b/files/en-us/mozilla/add-ons/webextensions/your_second_webextension/index.md @@ -101,7 +101,7 @@ Note that all paths given are relative to manifest.json itself. The extension should have an icon. This will be shown next to the extension's listing in the Add-ons Manager (you can open this by visiting the URL "about:addons"). Our manifest.json promised that we would have an icon for the toolbar at "icons/beasts-48.png". -Create the "icons" directory and save an icon there named "beasts-48.png". You could use [the one from our example](https://github.com/mdn/webextensions-examples/raw/master/beastify/icons/beasts-48.png), which is taken from the [Aha-Soft's Free Retina iconset](https://www.iconfinder.com/iconsets/free-retina-icon-set), and used under the terms of its [license](https://www.aha-soft.com/free-icons/free-retina-icon-set/). +Create the "icons" directory and save an icon there named "beasts-48.png". You could use [the one from our example](https://raw.githubusercontent.com/mdn/webextensions-examples/master/beastify/icons/beasts-48.png), which is taken from the [Aha-Soft's Free Retina iconset](https://www.iconfinder.com/iconsets/free-retina-icon-set), and used under the terms of its [license](https://www.aha-soft.com/free-icons/free-retina-icon-set/). If you choose to supply your own icon, It should be 48x48 pixels. You could also supply a 96x96 pixel icon, for high-resolution displays, and if you do this it will be specified as the `96` property of the `icons` object in manifest.json: @@ -116,7 +116,7 @@ If you choose to supply your own icon, It should be 48x48 pixels. You could also The toolbar button also needs an icon, and our manifest.json promised that we would have an icon for the toolbar at "icons/beasts-32.png". -Save an icon named "beasts-32.png" in the "icons" directory. You could use [the one from our example](https://github.com/mdn/webextensions-examples/raw/master/beastify/icons/beasts-32.png), which is taken from the [IconBeast Lite icon set](http://www.iconbeast.com/free) and used under the terms of its [license](http://www.iconbeast.com/faq/). +Save an icon named "beasts-32.png" in the "icons" directory. You could use [the one from our example](https://raw.githubusercontent.com/mdn/webextensions-examples/master/beastify/icons/beasts-32.png), which is taken from the [IconBeast Lite icon set](http://www.iconbeast.com/free) and used under the terms of its [license](http://www.iconbeast.com/faq/). If you don't supply a popup, then a click event is dispatched to your extension when the user clicks the button. If you do supply a popup, the click event is not dispatched, but instead, the popup is opened. We want a popup, so let's create that next. diff --git a/files/en-us/web/api/element/shadowroot/index.md b/files/en-us/web/api/element/shadowroot/index.md index fa3fd461c9ce9fa..107f0132dba6bf8 100644 --- a/files/en-us/web/api/element/shadowroot/index.md +++ b/files/en-us/web/api/element/shadowroot/index.md @@ -27,7 +27,7 @@ shadow root was attached with its {{DOMxRef("ShadowRoot.mode", "mode")}} set to The following snippets are taken from our [life-cycle-callbacks](https://github.com/mdn/web-components-examples/tree/master/life-cycle-callbacks) example ([see it live -also](https://mdn.github.io/web-components-examples/life-cycle-callbacks)), which creates an element that displays a square of a size and color +also](https://mdn.github.io/web-components-examples/life-cycle-callbacks/)), which creates an element that displays a square of a size and color specified in the element's attributes. Inside the `` element's class definition we include diff --git a/files/en-us/web/api/idbcursor/source/index.md b/files/en-us/web/api/idbcursor/source/index.md index 069bfc1be2a8940..690328c533947f6 100644 --- a/files/en-us/web/api/idbcursor/source/index.md +++ b/files/en-us/web/api/idbcursor/source/index.md @@ -41,7 +41,7 @@ IDBObjectStore {autoIncrement: false, transaction: IDBTransaction, indexNames: D The cursor does not require us to select the data based on a key; we can just grab all of it. Also note that in each iteration of the loop, you can grab data from the current record under the cursor object using `cursor.value.foo`. For a complete working example, see our [IDBCursor -example](https://github.com/mdn/indexeddb-examples/blob/master/idbcursor) ([view example live](https://mdn.github.io/indexeddb-examples/idbcursor/).) +example](https://github.com/mdn/indexeddb-examples/tree/master/idbcursor) ([view example live](https://mdn.github.io/indexeddb-examples/idbcursor/).) ```js function displayData() { diff --git a/files/en-us/web/api/idbindex/count/index.md b/files/en-us/web/api/idbindex/count/index.md index 0c47fb1d03edcba..efe61fe13363481 100644 --- a/files/en-us/web/api/idbindex/count/index.md +++ b/files/en-us/web/api/idbindex/count/index.md @@ -64,7 +64,7 @@ returns. Finally, we iterate through each record, and insert the data into an HTML table. For a complete working example, see our [IndexedDB-examples demo repo](https://github.com/mdn/indexeddb-examples/tree/master/idbindex) ([View the -example live](https://mdn.github.io/indexeddb-examples/idbindex).) +example live](https://mdn.github.io/indexeddb-examples/idbindex/).) ```js function displayDataByIndex() { diff --git a/files/en-us/web/api/idbindex/get/index.md b/files/en-us/web/api/idbindex/get/index.md index 41c81f7ed13df45..3f84187c33d59b7 100644 --- a/files/en-us/web/api/idbindex/get/index.md +++ b/files/en-us/web/api/idbindex/get/index.md @@ -69,7 +69,7 @@ the console when its success callback returns. Finally, we iterate through each record, and insert the data into an HTML table. For a complete working example, see our [IndexedDB-examples demo repo](https://github.com/mdn/indexeddb-examples/tree/master/idbindex) ([View the -example live](https://mdn.github.io/indexeddb-examples/idbindex).) +example live](https://mdn.github.io/indexeddb-examples/idbindex/).) ```js function displayDataByIndex() { diff --git a/files/en-us/web/api/idbindex/getkey/index.md b/files/en-us/web/api/idbindex/getkey/index.md index bf7ff3b9fa16c01..d2eab6a08fd9485 100644 --- a/files/en-us/web/api/idbindex/getkey/index.md +++ b/files/en-us/web/api/idbindex/getkey/index.md @@ -68,7 +68,7 @@ is logged to the console when its success callback returns. Finally, we iterate through each record, and insert the data into an HTML table. For a complete working example, see our [IndexedDB-examples demo repo](https://github.com/mdn/indexeddb-examples/tree/master/idbindex) ([View the -example live](https://mdn.github.io/indexeddb-examples/idbindex).) +example live](https://mdn.github.io/indexeddb-examples/idbindex/).) ```js function displayDataByIndex() { diff --git a/files/en-us/web/api/idbindex/index.md b/files/en-us/web/api/idbindex/index.md index 3b2bfb2757ccf9f..616de9cafd80e77 100644 --- a/files/en-us/web/api/idbindex/index.md +++ b/files/en-us/web/api/idbindex/index.md @@ -63,7 +63,7 @@ Inherits from: [EventTarget](/en-US/docs/Web/API/EventTarget) In the following example we open a transaction and an object store, then get the index `lName` from a simple contacts database. We then open a basic cursor on the index using {{domxref("IDBIndex.openCursor")}} — this works the same as opening a cursor directly on an `ObjectStore` using {{domxref("IDBObjectStore.openCursor")}} except that the returned records are sorted based on the index, not the primary key. -Finally, we iterate through each record, and insert the data into an HTML table. For a complete working example, see our [IndexedDB-examples demo repo](https://github.com/mdn/indexeddb-examples/tree/master/idbindex) ([View the example live](https://mdn.github.io/indexeddb-examples/idbindex).) +Finally, we iterate through each record, and insert the data into an HTML table. For a complete working example, see our [IndexedDB-examples demo repo](https://github.com/mdn/indexeddb-examples/tree/master/idbindex) ([View the example live](https://mdn.github.io/indexeddb-examples/idbindex/).) ```js function displayDataByIndex() { diff --git a/files/en-us/web/api/idbindex/keypath/index.md b/files/en-us/web/api/idbindex/keypath/index.md index 83c4b5b131973c8..e7eab6eb94523c8 100644 --- a/files/en-us/web/api/idbindex/keypath/index.md +++ b/files/en-us/web/api/idbindex/keypath/index.md @@ -39,7 +39,7 @@ as `lName`. Finally, we iterate through each record, and insert the data into an HTML table. For a complete working example, see our [IndexedDB-examples demo repo](https://github.com/mdn/indexeddb-examples/tree/master/idbindex) ([View the -example live](https://mdn.github.io/indexeddb-examples/idbindex).) +example live](https://mdn.github.io/indexeddb-examples/idbindex/).) ```js function displayDataByIndex() { diff --git a/files/en-us/web/api/idbindex/multientry/index.md b/files/en-us/web/api/idbindex/multientry/index.md index 97e346ce920c851..0886c13516cf1c3 100644 --- a/files/en-us/web/api/idbindex/multientry/index.md +++ b/files/en-us/web/api/idbindex/multientry/index.md @@ -48,7 +48,7 @@ as `false`. Finally, we iterate through each record, and insert the data into an HTML table. For a complete working example, see our [IndexedDB-examples demo repo](https://github.com/mdn/indexeddb-examples/tree/master/idbindex) ([View the -example live](https://mdn.github.io/indexeddb-examples/idbindex).) +example live](https://mdn.github.io/indexeddb-examples/idbindex/).) ```js function displayDataByIndex() { diff --git a/files/en-us/web/api/idbindex/name/index.md b/files/en-us/web/api/idbindex/name/index.md index da41e1fdb9949bb..4adb4c28129982c 100644 --- a/files/en-us/web/api/idbindex/name/index.md +++ b/files/en-us/web/api/idbindex/name/index.md @@ -52,7 +52,7 @@ The name of the index is logged to the console: it should be returned as Finally, we iterate through each record, inserting the data into an HTML table. For a complete working example, see our [IndexedDB-examples demo repo](https://github.com/mdn/indexeddb-examples/tree/master/idbindex) ([View the -example live](https://mdn.github.io/indexeddb-examples/idbindex)). +example live](https://mdn.github.io/indexeddb-examples/idbindex/)). ```js function displayDataByIndex() { diff --git a/files/en-us/web/api/idbindex/objectstore/index.md b/files/en-us/web/api/idbindex/objectstore/index.md index d2ed754f42dd278..3bf60c71e12e219 100644 --- a/files/en-us/web/api/idbindex/objectstore/index.md +++ b/files/en-us/web/api/idbindex/objectstore/index.md @@ -42,7 +42,7 @@ IDBObjectStore { name: "contactsList", keyPath: "id", indexNames: DOMStringList[ Finally, we iterate through each record, and insert the data into an HTML table. For a complete working example, see our [IndexedDB-examples demo repo](https://github.com/mdn/indexeddb-examples/tree/master/idbindex) ([View the -example live](https://mdn.github.io/indexeddb-examples/idbindex).) +example live](https://mdn.github.io/indexeddb-examples/idbindex/).) ```js function displayDataByIndex() { diff --git a/files/en-us/web/api/idbindex/opencursor/index.md b/files/en-us/web/api/idbindex/opencursor/index.md index 175b3da9db9ec8e..16809a701b23e19 100644 --- a/files/en-us/web/api/idbindex/opencursor/index.md +++ b/files/en-us/web/api/idbindex/opencursor/index.md @@ -73,7 +73,7 @@ except that the returned records are sorted based on the index, not the primary Finally, we iterate through each record, and insert the data into an HTML table. For a complete working example, see our [IndexedDB-examples demo repo](https://github.com/mdn/indexeddb-examples/tree/master/idbindex) ([View the -example live](https://mdn.github.io/indexeddb-examples/idbindex).) +example live](https://mdn.github.io/indexeddb-examples/idbindex/).) ```js function displayDataByIndex() { diff --git a/files/en-us/web/api/idbindex/unique/index.md b/files/en-us/web/api/idbindex/unique/index.md index d2348b8bbc6113b..28b973788bf7416 100644 --- a/files/en-us/web/api/idbindex/unique/index.md +++ b/files/en-us/web/api/idbindex/unique/index.md @@ -48,7 +48,7 @@ as `false`. Finally, we iterate through each record, and insert the data into an HTML table. For a complete working example, see our [IndexedDB-examples demo repo](https://github.com/mdn/indexeddb-examples/tree/master/idbindex) ([View the -example live](https://mdn.github.io/indexeddb-examples/idbindex).) +example live](https://mdn.github.io/indexeddb-examples/idbindex/).) ```js function displayDataByIndex() { diff --git a/files/en-us/web/api/idbobjectstore/index/index.md b/files/en-us/web/api/idbobjectstore/index/index.md index 76110441d31dccb..dc769b3291ab5fe 100644 --- a/files/en-us/web/api/idbobjectstore/index/index.md +++ b/files/en-us/web/api/idbobjectstore/index/index.md @@ -53,7 +53,7 @@ except that the returned records are sorted based on the index, not the primary Finally, we iterate through each record, and insert the data into an HTML table. For a complete working example, see our [IDBIndex example -in IndexedDB-examples demo repo](https://github.com/mdn/indexeddb-examples/tree/master/idbindex) ([View the example live](https://mdn.github.io/indexeddb-examples/idbindex).) +in IndexedDB-examples demo repo](https://github.com/mdn/indexeddb-examples/tree/master/idbindex) ([View the example live](https://mdn.github.io/indexeddb-examples/idbindex/).) ```js function displayDataByIndex() { diff --git a/files/en-us/web/api/mediaerror/message/index.md b/files/en-us/web/api/mediaerror/message/index.md index b517912ec0f38bd..9c4fd100f1ed2f7 100644 --- a/files/en-us/web/api/mediaerror/message/index.md +++ b/files/en-us/web/api/mediaerror/message/index.md @@ -38,7 +38,7 @@ handler outputs a message to a box onscreen describing the error, including both `code` and the `message`. Only the relevant parts of the code are displayed; you can [see the -complete source code here](https://github.com/mdn/dom-examples/blob/master/media/mediaerror/). +complete source code here](https://github.com/mdn/dom-examples/tree/master/media/mediaerror). The example creates an {{HTMLElement("audio")}} element and lets the user assign either a valid music file to it, or a link to a file which doesn't exist. This lets us see the diff --git a/files/en-us/web/api/shadowroot/index.md b/files/en-us/web/api/shadowroot/index.md index 2bdc67be8162021..c343ab6c002ab13 100644 --- a/files/en-us/web/api/shadowroot/index.md +++ b/files/en-us/web/api/shadowroot/index.md @@ -59,7 +59,7 @@ You can retrieve a reference to an element's shadow root using its {{domxref("El ## Examples -The following snippets are taken from our [life-cycle-callbacks](https://github.com/mdn/web-components-examples/tree/master/life-cycle-callbacks) example ([see it live also](https://mdn.github.io/web-components-examples/life-cycle-callbacks)), which creates an element that displays a square of a size and color specified in the element's attributes. +The following snippets are taken from our [life-cycle-callbacks](https://github.com/mdn/web-components-examples/tree/master/life-cycle-callbacks) example ([see it live also](https://mdn.github.io/web-components-examples/life-cycle-callbacks/)), which creates an element that displays a square of a size and color specified in the element's attributes. Inside the `` element's class definition we include some life cycle callbacks that make a call to an external function, `updateStyle()`, which actually applies the size and color to the element. You'll see that we are passing it `this` (the custom element itself) as a parameter. diff --git a/files/en-us/web/api/webrtc_api/signaling_and_video_calling/index.md b/files/en-us/web/api/webrtc_api/signaling_and_video_calling/index.md index a64a188f381fe87..d2afa59608ffee0 100644 --- a/files/en-us/web/api/webrtc_api/signaling_and_video_calling/index.md +++ b/files/en-us/web/api/webrtc_api/signaling_and_video_calling/index.md @@ -37,7 +37,7 @@ Our [chat server](https://github.com/mdn/samples-server/tree/master/s/websocket- To allow the server to support signaling and ICE negotiation, we need to update the code. We'll have to allow directing messages to one specific user instead of broadcasting to all connected users, and ensure unrecognized message types are passed through and delivered, without the server needing to know what they are. This lets us send signaling messages using this same server, instead of needing a separate server. -Let's take a look at changes we need to make to the chat server to support WebRTC signaling. This is in the file [`chatserver.js`](https://github.com/mdn/samples-server/tree/master/s/webrtc-from-chat/chatserver.js). +Let's take a look at changes we need to make to the chat server to support WebRTC signaling. This is in the file [`chatserver.js`](https://github.com/mdn/samples-server/blob/master/s/webrtc-from-chat/chatserver.js). First up is the addition of the function `sendToOneUser()`. As the name suggests, this sends a stringified JSON message to a particular username. @@ -181,7 +181,7 @@ The HTML for our client needs a location for video to be presented. This require ``` -The page structure defined here is using {{HTMLElement("div")}} elements, giving us full control over the page layout by enabling the use of CSS. We'll skip layout detail in this guide, but [take a look at the CSS](https://github.com/mdn/samples-server/tree/master/s/webrtc-from-chat/chat.css) on GitHub to see how we handled it. Take note of the two {{HTMLElement("video")}} elements, one for your self-view, one for the connection, and the {{HTMLElement("button")}} element. +The page structure defined here is using {{HTMLElement("div")}} elements, giving us full control over the page layout by enabling the use of CSS. We'll skip layout detail in this guide, but [take a look at the CSS](https://github.com/mdn/samples-server/blob/master/s/webrtc-from-chat/chat.css) on GitHub to see how we handled it. Take note of the two {{HTMLElement("video")}} elements, one for your self-view, one for the connection, and the {{HTMLElement("button")}} element. The `