diff --git a/config/examples/example.html b/config/examples/example.html
index 48b3b70770..16b86ba499 100644
--- a/config/examples/example.html
+++ b/config/examples/example.html
@@ -59,16 +59,8 @@
       <div class="row-fluid">
         <div id="source-controls">
           <a id="copy-button"><i class="fa fa-clipboard"></i> Copy</a>
-          <a id="jsfiddle-button"><i class="fa fa-jsfiddle"></i> Edit</a>
           <a id="codepen-button"><i class="fa fa-codepen"></i> Edit</a>
         </div>
-        <form method="POST" id="jsfiddle-form" target="_blank" action="https://jsfiddle.net/api/post/library/pure/">
-          <textarea class="hidden" name="js">{{ js.source }}</textarea>
-          <textarea class="hidden" name="css">{{ css.source }}</textarea>
-          <textarea class="hidden" name="html">{{ contents }}</textarea>
-          <input type="hidden" name="wrap" value="l">
-          <input type="hidden" name="resources" value="https://openlayers.org/en/v{{ olVersion }}/css/ol.css,https://openlayers.org/en/v{{ olVersion }}/build/ol.js{{ extraResources }}">
-        </form>
         <form method="POST" id="codepen-form" target="_blank" action="https://codepen.io/pen/define/">
           <textarea class="hidden" name="title">{{ title }}</textarea>
           <textarea class="hidden" name="description">{{ shortdesc }}</textarea>
diff --git a/examples/resources/common.js b/examples/resources/common.js
index d18dc02133..1fbe678761 100644
--- a/examples/resources/common.js
+++ b/examples/resources/common.js
@@ -10,14 +10,6 @@
     });
   }
 
-  var fiddleButton = document.getElementById('jsfiddle-button');
-  if (fiddleButton) {
-    fiddleButton.onclick = function(event) {
-      event.preventDefault();
-      document.getElementById('jsfiddle-form').submit();
-    };
-  }
-
   var codepenButton = document.getElementById('codepen-button');
   if (codepenButton) {
     codepenButton.onclick = function(event) {
diff --git a/examples/resources/layout.css b/examples/resources/layout.css
index 1f839e4deb..021776f301 100644
--- a/examples/resources/layout.css
+++ b/examples/resources/layout.css
@@ -106,8 +106,7 @@ pre[class*="language-"] {
   cursor: pointer;
 }
 
-#codepen-button,
-#jsfiddle-button {
+#codepen-button {
   text-decoration: none;
   cursor: pointer;
 }
diff --git a/tasks/build-examples.js b/tasks/build-examples.js
index 096583e278..cd89992937 100644
--- a/tasks/build-examples.js
+++ b/tasks/build-examples.js
@@ -56,7 +56,7 @@ function getLinkToApiHtml(requires) {
  * example HTML file, this adds metadata for related js and css resources. When
  * these files are run through the example template, the extra metadata is used
  * to show the complete example source in the textarea and submit the parts to
- * jsFiddle.
+ * CodePen.
  *
  * @param {Object} files The file lookup provided by Metalsmith.  Property names
  *     are file paths relative to the source directory.  The file objects
@@ -111,13 +111,13 @@ function augmentExamples(files, metalsmith, done) {
       if (file.resources) {
         var resources = [];
         var remoteResources = [];
-        var fiddleResources = [];
+        var codePenResources = [];
         for (var i = 0, ii = file.resources.length; i < ii; ++i) {
           var resource = file.resources[i];
           var remoteResource = resource.indexOf('//') === -1 ?
               'https://openlayers.org/en/v' + pkg.version + '/examples/' +
                   resource : resource;
-          fiddleResources[i] = remoteResource;
+          codePenResources[i] = remoteResource;
           if (isJsRegEx.test(resource)) {
             resources[i] = '<script src="' + resource + '"></script>';
             remoteResources[i] = '<script src="' + remoteResource +
@@ -138,7 +138,7 @@ function augmentExamples(files, metalsmith, done) {
           remote: remoteResources.join('\n')
         };
         file.extraResources = file.resources.length ?
-            ',' + fiddleResources.join(',') : '';
+            ',' + codePenResources.join(',') : '';
       }
     }
   }