Web component API example: adding a native template to the DOM
A Pen by Mike North on CodePen.
mike-north
/ heroku_status_check.js
Created
June 15, 2012 16:18
Check heroku platform status, and respond accordingly
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * A function to check heroku status, and return results to a callback | |
| */ | |
| function heroku_status(callback) { | |
| //YQL is necessary becasue heroku status JSON data is not padded | |
| $.getJSON("http://query.yahooapis.com/v1/public/yql", | |
| { | |
| q:"select * from json where url=" + | |
| "\"https://status.heroku.com/api/v3/current-status.json\"", |
mike-north
/ bootstrap_button_columns.css
Created
July 15, 2012 19:08
Button columns for Twitter Bootstrap
mike-north
/ array_promises_in_sequence.js
Created
October 26, 2014 04:49
Run a promise-based operation on each item in an array, in sequence
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // An array of data to operate on | |
| var dat = ['a', 'b', 'c', 'd', null, 'e']; | |
| /** | |
| * A long running task to run for each element of the array. | |
| * It must return a promise | |
| */ | |
| function doThing(arg) { | |
| return new Promise( | |
| function (resolve, reject) { |
mike-north
/ Adding-a-template-to-the-DOM.markdown
Created
March 11, 2015 07:48
Adding a template to the DOM
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| --- | |
| language: node_js | |
| node_js: | |
| - "0.12" | |
| - "iojs" | |
| sudo: false | |
| cache: | |
| directories: |
mike-north
/ runWhenArrived.js
Last active
August 29, 2015 14:19
Run code upon arrival of DOM elements, when you have no event to listen for
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * Poll for presence of DOM elements until they | |
| * are found (or until timeout is reached), and then | |
| * call a function as soon as a non-empty result is found | |
| * | |
| * @param {string} selector CSS selector to check for | |
| * @param {Function} fn callback function(jqSelector, elapsedTimeInMs) {} | |
| * @param {int} timeout timeout in ms (optional) | |
| * @param {int} interval polling interval in ms (optional) | |
| */ |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title></title> | |
| <!-- jQuery 1.11.1 --> | |
| <script src="https://code.jquery.com/jquery-1.11.1.min.js"></script> | |
| <!-- Latest compiled and minified CSS --> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| var emberParsingRegex = /^([0-9]+)\.([0-9]+)\.([0-9]+)(?:(?:\-(alpha|beta)\.([0-9]+)(?:\.([0-9]+))?)?)?(?:\+(canary))?(?:\.([0-9abcdef]+))?$/; |
mike-north
/ GithuOrgPages_NavigationWorkaround.md
Created
June 2, 2015 19:12
Github Org and User Pages - Hash navigation workaround
OlderNewer