| // Lazy Loading Functions | |
| // Nicholas Zakas, Professional JavaScript for Web Developers p.736 | |
| (function() { | |
| // Load on function call | |
| var featureTestA = false; | |
| var featureTestB = true; | |
| var loadOnCall = function () { | |
| console.log('load On Call'); | |
| if ( featureTestA ) { |
| (function(window) { | |
| window.jsUtil = { | |
| normalizeEvent: function (e) { | |
| e = e || window.event; // ie7&8 | |
| if(!e.preventDefault) { | |
| e.preventDefault = function() { | |
| e.returnValue = false; // ie7&8 | |
| }; | |
| } | |
| if(!e.stopPropagation) { |
| <!doctype html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>docFrag Shim Test</title> | |
| </head> | |
| <body> | |
| <!-- | |
| HTML5 elements can not be created in a document fragment on IE7 & IE8, | |
| if you want to create an HTML5 element inside a document fragment |
| /** | |
| * closure | |
| * *************************/ | |
| (function() { | |
| var array = []; | |
| for ( var i = 0; i < 10; i++ ) { | |
| (function(i) { | |
| array[i] = function () { | |
| console.log('iteration: %s', i); | |
| } |
| // Chainable guard object. Effective Javascript; David Herman. pg 165 | |
| (function() { | |
| if (typeof Object.create !== 'function') { | |
| Object.create = function (o) { | |
| function F() {} | |
| F.prototype = o; | |
| return new F(); | |
| }; | |
| } |
| { | |
| "csslint_options": | |
| { | |
| "adjoining-classes": "warning", | |
| "box-model": true, | |
| "box-sizing": "warning", | |
| "compatible-vendor-prefixes": false, // Tuned | |
| "display-property-grouping": true, | |
| "duplicate-background-images": "warning", | |
| "duplicate-properties": true, |
BEM as described at http://bem.info.
An independent interface piece that preserves a design point or some functionality. Anything that can be taken as a solid piece and can be put into a page is an interface block. Blocks are identified by a css class e.g. .tabbed-pane, .search.
| function debounce(fn, delay) { | |
| var timer; | |
| delay = delay || 250; | |
| return function () { | |
| var context = this, | |
| args = arguments; | |
| clearTimeout(timer); | |
| timer = setTimeout(function () { |
| function pad(n) { | |
| return n < 10 ? '0' + n.toString(10) : n.toString(10); | |
| } | |
| var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', | |
| 'Oct', 'Nov', 'Dec']; | |
| // 26 Feb 16:19:34 | |
| function timestamp() { |
| 'use strict'; | |
| // if querystring contains isDebug then put query string value on window.isDebug | |
| var isDebug = getParameterByName('debug'); | |
| function getParameterByName(name) { | |
| var re_escaped_name = name.replace(/[\[]/, '\\[').replace(/[\]]/, '\\]'); | |
| var regex = new RegExp('[\\?&]' + re_escaped_name + '=([^&#]*)'); | |
| var results = regex.exec(location.search); | |
| return results !== null |