diff --git a/docs/api/accelerator.md b/docs/api/accelerator.md
index 7bbccd4bc54ee..db2535b100f19 100644
--- a/docs/api/accelerator.md
+++ b/docs/api/accelerator.md
@@ -15,7 +15,7 @@ Shortcuts are registered with the [`globalShortcut`](global-shortcut.md) module
 using the [`register`](global-shortcut.md#globalshortcutregisteraccelerator-callback)
 method, i.e.
 
-```javascript
+```javascript fiddle='docs/fiddles/accelerator'
 const { app, globalShortcut } = require('electron')
 
 app.on('ready', () => {
diff --git a/docs/api/screen.md b/docs/api/screen.md
index 290a4a690d63a..96d364ce5d333 100644
--- a/docs/api/screen.md
+++ b/docs/api/screen.md
@@ -27,7 +27,7 @@ app.on('ready', () => {
 
 Another example of creating a window in the external display:
 
-```javascript
+```javascript fiddle='docs/fiddles/screen/fit-screen-external'
 const { app, BrowserWindow, screen } = require('electron')
 
 let win
diff --git a/docs/fiddles/accelerator/main.js b/docs/fiddles/accelerator/main.js
new file mode 100644
index 0000000000000..6e6b74cf1b1c6
--- /dev/null
+++ b/docs/fiddles/accelerator/main.js
@@ -0,0 +1,25 @@
+// Adding a global shortcut to electron
+//
+// For more info, see:
+// https://electronjs.org/docs/api/screen
+
+const { app, globalShortcut, BrowserWindow } = require('electron')
+
+let mainWindow = null;
+
+app.on('ready', () => {
+  // Register a 'CommandOrControl+Y' shortcut listener.
+  globalShortcut.register('CommandOrControl+Y', () => {
+    // Do stuff when Y and either Command/Control is pressed.
+    console.log('shortcut...');
+  });
+  
+  mainWindow = new BrowserWindow({
+    width: 800,
+    height: 600
+  });
+
+  // and load the index.html of the app.
+  mainWindow.loadFile('index.html');
+})
+
diff --git a/docs/fiddles/screen/fit-screen-external/main.js b/docs/fiddles/screen/fit-screen-external/main.js
new file mode 100644
index 0000000000000..1bfb8c12dbf93
--- /dev/null
+++ b/docs/fiddles/screen/fit-screen-external/main.js
@@ -0,0 +1,24 @@
+// Creating a window in the external display
+//
+// For more info, see:
+// https://electronjs.org/docs/api/screen
+
+const electron = require('electron')
+const { app, screen, BrowserWindow } = require('electron')
+
+let win
+
+app.on('ready', () => {
+  let displays = screen.getAllDisplays()
+  let externalDisplay = displays.find((display) => {
+    return display.bounds.x !== 0 || display.bounds.y !== 0
+  })
+
+  if (externalDisplay) {
+    win = new BrowserWindow({
+      x: externalDisplay.bounds.x + 50,
+      y: externalDisplay.bounds.y + 50
+    })
+    win.loadURL('https://electronjs.org')
+  }
+})