| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> | |
| <title>CSS Testing</title> | |
| </head> | |
| <body id="top"> | |
| <!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - --> |
| function test_jQuery() { jQuery(""); } | |
| function success_jQuery() { alert("jQuery is loaded!"); | |
| var successfully_loaded = false; | |
| function loadOrFallback(scripts,idx) { | |
| function testAndFallback() { | |
| clearTimeout(fallback_timeout); | |
| if (successfully_loaded) return; // already loaded successfully, so just bail | |
| try { | |
| scripts[idx].test(); |
| Drop in replace functions for setTimeout() & setInterval() that | |
| make use of requestAnimationFrame() for performance where available | |
| http://www.joelambert.co.uk | |
| Copyright 2011, Joe Lambert. | |
| Free to use under the MIT license. | |
| http://www.opensource.org/licenses/mit-license.php |
| function interval(duration, fn){ | |
| var _this = this | |
| this.baseline = undefined | |
| this.run = function(){ | |
| if(_this.baseline === undefined){ | |
| _this.baseline = new Date().getTime() | |
| } | |
| fn() | |
| var end = new Date().getTime() |
| // http://paulirish.com/2011/requestanimationframe-for-smart-animating/ | |
| // http://my.opera.com/emoller/blog/2011/12/20/requestanimationframe-for-smart-er-animating | |
| // requestAnimationFrame polyfill by Erik Möller. fixes from Paul Irish and Tino Zijdel | |
| // MIT license | |
| (function() { | |
| var lastTime = 0; | |
| var vendors = ['ms', 'moz', 'webkit', 'o']; |
| 'use strict'; | |
| // Add ECMA262-5 method binding if not supported natively | |
| // | |
| if (!('bind' in Function.prototype)) { | |
| Function.prototype.bind= function(owner) { | |
| var that= this; | |
| if (arguments.length<=1) { | |
| return function() { | |
| return that.apply(owner, arguments); |
| /** | |
| * Return a timestamp with the format "m/d/yy h:MM:ss TT" | |
| * @type {Date} | |
| */ | |
| function timeStamp() { | |
| // Create a date object with the current time | |
| var now = new Date(); | |
| // Create an array with the current month, day and time |
| /* This is a small sampling of the various approaches to media queries. The | |
| point is: they're all over the board. Part of the "issue" (if you can call | |
| it that) may be due to the intended audience of each site/framework. Another | |
| may be that it's really difficult to test for a lot of different devices. | |
| Regardless, it would be really nice if there was standard baseline that | |
| could be used as a starting point for maximum compatibility and coverage. */ | |
| /* ========================================================================== | |
| Frameworks | |
| ========================================================================== */ |
This article has been given a more permanent home on my blog. Also, since it was first written, the development of the Promises/A+ specification has made the original emphasis on Promises/A seem somewhat outdated.
Promises are a software abstraction that makes working with asynchronous operations much more pleasant. In the most basic definition, your code will move from continuation-passing style:
getTweetsFor("domenic", function (err, results) {
// the rest of your code goes here.
Block encapsulates a standalone entity that is meaningful on its own.
While blocks can be nested and interact with each other, semantically they remain equal; there is no precedence or hierarchy.
Holistic entities without DOM representation (such as controllers or models) can be blocks as well.