///#source 1 1 /src/0.99/core.js /*! head.core v0.99 */ /* * HeadJS The only script in your * Author Tero Piirainen (tipiirai) * Maintainer Robert Hoffmann (itechnology) * License MIT / http://bit.ly/mit-license * * Version 0.99 * http://headjs.com */ ; (function (win, undefined) { "use strict"; // gt, gte, lt, lte, eq breakpoints would have been more simple to write as ['gt','gte','lt','lte','eq'] // but then we would have had to loop over the collection on each resize() event, // a simple object with a direct access to true/false is therefore much more efficient var doc = win.document, nav = win.navigator, loc = win.location, html = doc.documentElement, klass = [], conf = { screens : [240, 320, 480, 640, 768, 800, 1024, 1280, 1440, 1680, 1920], screensCss: { "gt": true, "gte": false, "lt": true, "lte": false, "eq": false }, browsers : [ { ie : { min: 6, max: 11 } } //,{ chrome : { min: 8, max: 29 } } //,{ ff : { min: 3, max: 24 } } //,{ ios : { min: 3, max: 6 } } //,{ android: { min: 2, max: 4 } } //,{ webkit : { min: 9, max: 12 } } //,{ opera : { min: 9, max: 12 } } ], browserCss: { "gt": true, "gte": false, "lt": true, "lte": false, "eq": true }, section : "-section", page : "-page", head : "head" }; if (win.head_conf) { for (var item in win.head_conf) { if (win.head_conf[item] !== undefined) { conf[item] = win.head_conf[item]; } } } function pushClass(name) { klass[klass.length] = name; } function removeClass(name) { var re = new RegExp(" \\b" + name + "\\b"); html.className = html.className.replace(re, ''); } function each(arr, fn) { for (var i = 0, l = arr.length; i < l; i++) { fn.call(arr, arr[i], i); } } // API var api = win[conf.head] = function () { api.ready.apply(null, arguments); }; api.feature = function (key, enabled, queue) { // internal: apply all classes if (!key) { html.className += ' ' + klass.join(' '); klass = []; return api; } if (Object.prototype.toString.call(enabled) === '[object Function]') { enabled = enabled.call(); } pushClass((enabled ? '' : 'no-') + key); api[key] = !!enabled; // apply class to HTML element if (!queue) { removeClass('no-' + key); removeClass(key); api.feature(); } return api; }; // no queue here, so we can remove any eventual pre-existing no-js class api.feature("js", true); // browser type & version var ua = nav.userAgent.toLowerCase(), mobile = /mobile|android|kindle|silk|midp|(windows nt 6\.2.+arm|touch)/.test(ua); // useful for enabling/disabling feature (we can consider a desktop navigator to have more cpu/gpu power) api.feature("mobile" , mobile , true); api.feature("desktop", !mobile, true); // http://www.zytrax.com/tech/web/browser_ids.htm // http://www.zytrax.com/tech/web/mobile_ids.html ua = /(chrome|firefox)[ \/]([\w.]+)/.exec(ua) || // Chrome & Firefox /(iphone|ipad|ipod)(?:.*version)?[ \/]([\w.]+)/.exec(ua) || // Mobile IOS /(android)(?:.*version)?[ \/]([\w.]+)/.exec(ua) || // Mobile Webkit /(webkit|opera)(?:.*version)?[ \/]([\w.]+)/.exec(ua) || // Safari & Opera /(msie) ([\w.]+)/.exec(ua) || []; var browser = ua[1], version = parseFloat(ua[2]); switch (browser) { case 'msie': browser = 'ie'; version = doc.documentMode || version; break; case 'firefox': browser = 'ff'; break; case 'ipod': case 'ipad': case 'iphone': browser = 'ios'; break; case 'webkit': browser = 'safari'; break; } // Browser vendor and version api.browser = { name : browser, version: version }; api.browser[browser] = true; for (var i = 0, l = conf.browsers.length; i < l; i++) { for (var key in conf.browsers[i]) { if (browser === key) { pushClass(key); var min = conf.browsers[i][key].min; var max = conf.browsers[i][key].max; for (var v = min; v <= max; v++) { if (version > v) { if (conf.browserCss.gt) pushClass("gt-" + key + v); if (conf.browserCss.gte) pushClass("gte-" + key + v); } else if (version < v) { if (conf.browserCss.lt) pushClass("lt-" + key + v); if (conf.browserCss.lte) pushClass("lte-" + key + v); } else if (version === v) { if (conf.browserCss.lte) pushClass("lte-" + key + v); if (conf.browserCss.eq) pushClass("eq-" + key + v); if (conf.browserCss.gte) pushClass("gte-" + key + v); } } } else { pushClass('no-' + key); } } } pushClass(browser); pushClass(browser + parseInt(version, 10)); // IE lt9 specific if (browser === "ie" && version < 9) { // HTML5 support : you still need to add html5 css initialization styles to your site // See: assets/html5.css each("abbr|article|aside|audio|canvas|details|figcaption|figure|footer|header|hgroup|main|mark|meter|nav|output|progress|section|summary|time|video".split("|"), function (el) { doc.createElement(el); }); } // CSS "router" each(loc.pathname.split("/"), function (el, i) { if (this.length > 2 && this[i + 1] !== undefined) { if (i) { pushClass(this.slice(i, i + 1).join("-").toLowerCase() + conf.section); } } else { // pageId var id = el || "index", index = id.indexOf("."); if (index > 0) { id = id.substring(0, index); } html.id = id.toLowerCase() + conf.page; // on root? if (!i) { pushClass("root" + conf.section); } } }); // basic screen info api.screen = { height: win.screen.height, width : win.screen.width }; // viewport resolutions: w-100, lt-480, lt-1024 ... function screenSize() { // remove earlier sizes html.className = html.className.replace(/ (w-|eq-|gt-|gte-|lt-|lte-|portrait|no-portrait|landscape|no-landscape)\d+/g, ""); // Viewport width var iw = win.innerWidth || html.clientWidth, ow = win.outerWidth || win.screen.width; api.screen.innerWidth = iw; api.screen.outerWidth = ow; // for debugging purposes, not really useful for anything else pushClass("w-" + iw); each(conf.screens, function (width) { if (iw > width) { if (conf.screensCss.gt) pushClass("gt-" + width); if (conf.screensCss.gte) pushClass("gte-" + width); } else if (iw < width) { if (conf.screensCss.lt) pushClass("lt-" + width); if (conf.screensCss.lte) pushClass("lte-" + width); } else if (iw === width) { if (conf.screensCss.lte) pushClass("lte-" + width); if (conf.screensCss.eq) pushClass("e-q" + width); if (conf.screensCss.gte) pushClass("gte-" + width); } }); // Viewport height var ih = win.innerHeight || html.clientHeight, oh = win.outerHeight || win.screen.height; api.screen.innerHeight = ih; api.screen.outerHeight = oh; // no need for onChange event to detect this api.feature("portrait" , (ih > iw)); api.feature("landscape", (ih < iw)); } screenSize(); // Throttle navigators from triggering too many resize events var resizeId = 0; function onResize() { win.clearTimeout(resizeId); resizeId = win.setTimeout(screenSize, 50); } // Manually attach, as to not overwrite existing handler if (win.addEventListener) { win.addEventListener("resize", onResize, false); } else { win.attachEvent("onresize", onResize); } })(window); ///#source 1 1 /src/0.99/css3.js /*! head.css3 v0.99 */ /* * HeadJS The only script in your * Author Tero Piirainen (tipiirai) * Maintainer Robert Hoffmann (itechnology) * License MIT / http://bit.ly/mit-license * * Version 0.99 * http://headjs.com */ ;(function(win, undefined) { "use strict"; var doc = win.document, /* To add a new test: head.feature("video", function() { var tag = document.createElement('video'); return !!tag.canPlayType; }); Good place to grab more tests https://github.com/Modernizr/Modernizr/blob/master/modernizr.js */ /* CSS modernizer */ el = doc.createElement("i"), style = el.style, prefs = ' -o- -moz- -ms- -webkit- -khtml- '.split(' '), domPrefs = 'Webkit Moz O ms Khtml'.split(' '), headVar = win.head_conf && win.head_conf.head || "head", api = win[headVar]; // Thanks Paul Irish! function testProps(props) { for (var i in props) { if (style[props[i]] !== undefined) { return true; } } return false; } function testAll(prop) { var camel = prop.charAt(0).toUpperCase() + prop.substr(1), props = (prop + ' ' + domPrefs.join(camel + ' ') + camel).split(' '); return !!testProps(props); } var tests = { gradient: function() { var s1 = 'background-image:', s2 = 'gradient(linear,left top,right bottom,from(#9f9),to(#fff));', s3 = 'linear-gradient(left top,#eee,#fff);'; style.cssText = (s1 + prefs.join(s2 + s1) + prefs.join(s3 + s1)).slice(0,-s1.length); return !!style.backgroundImage; }, rgba: function() { style.cssText = "background-color:rgba(0,0,0,0.5)"; return !!style.backgroundColor; }, opacity: function() { return el.style.opacity === ""; }, textshadow: function() { return style.textShadow === ''; }, multiplebgs: function() { style.cssText = 'background:url(https://),url(https://),red url(https://)'; // If the UA supports multiple backgrounds, there should be three occurrences // of the string "url(" in the return value for elemStyle.background var result = (style.background || "").match(/url/g); return Object.prototype.toString.call(result) === '[object Array]' && result.length === 3; }, boxshadow: function() { return testAll("boxShadow"); }, borderimage: function() { return testAll("borderImage"); }, borderradius: function() { return testAll("borderRadius"); }, cssreflections: function() { return testAll("boxReflect"); }, csstransforms: function() { return testAll("transform"); }, csstransitions: function() { return testAll("transition"); }, touch: function () { return 'ontouchstart' in win; }, retina: function () { return (win.devicePixelRatio > 1); }, /* font-face support. Uses browser sniffing but is synchronous. http://paulirish.com/2009/font-face-feature-detection/ */ fontface: function() { var browser = api.browser.name, version = api.browser.version; switch (browser) { case "ie": return version >= 9; case "chrome": return version >= 13; case "ff": return version >= 6; case "ios": return version >= 5; case "android": return false; case "webkit": return version >= 5.1; case "opera": return version >= 10; default: return false; } } }; // queue features for (var key in tests) { if (tests[key]) { api.feature(key, tests[key].call(), true); } } // enable features at once api.feature(); })(window);