modernizr

example.html

@@ -160,7 +160,7 @@ <h1 class="site__title mega">Animate.css</h1>
     <!-- /.site__content -->
 
     <script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
-    <script src="js/core.js"></script>
+    <script src="js/animate.js"></script>
     <script src="js/attention_seekers.js"></script>
     <script src="js/bouncing_entrances.js"></script>
     <script src="js/bouncing_exits.js"></script>

js/core.js → js/animate.js

@@ -1,5 +1,9 @@
-var animateCss = {}
-animateCss.useJs = false;
+/*! modernizr 3.2.0 (Custom Build) | MIT *
+ * http://modernizr.com/download/?-canvas-cssanimations-csstransforms-csstransforms3d !*/
+!function (e, n, t) { function r(e) { var n = S.className, t = Modernizr._config.classPrefix || ""; if (x && (n = n.baseVal), Modernizr._config.enableJSClass) { var r = new RegExp("(^|\\s)" + t + "no-js(\\s|$)"); n = n.replace(r, "$1" + t + "js$2") } Modernizr._config.enableClasses && (n += " " + t + e.join(" " + t), x ? S.className.baseVal = n : S.className = n) } function s() { return "function" != typeof n.createElement ? n.createElement(arguments[0]) : x ? n.createElementNS.call(n, "http://www.w3.org/2000/svg", arguments[0]) : n.createElement.apply(n, arguments) } function o(e, n) { return typeof e === n } function i() { var e, n, t, r, s, i, a; for (var f in C) if (C.hasOwnProperty(f)) { if (e = [], n = C[f], n.name && (e.push(n.name.toLowerCase()), n.options && n.options.aliases && n.options.aliases.length)) for (t = 0; t < n.options.aliases.length; t++) e.push(n.options.aliases[t].toLowerCase()); for (r = o(n.fn, "function") ? n.fn() : n.fn, s = 0; s < e.length; s++) i = e[s], a = i.split("."), 1 === a.length ? Modernizr[a[0]] = r : (!Modernizr[a[0]] || Modernizr[a[0]] instanceof Boolean || (Modernizr[a[0]] = new Boolean(Modernizr[a[0]])), Modernizr[a[0]][a[1]] = r), y.push((r ? "" : "no-") + a.join("-")) } } function a() { var e = n.body; return e || (e = s(x ? "svg" : "body"), e.fake = !0), e } function f(e, t, r, o) { var i, f, l, u, d = "modernizr", p = s("div"), c = a(); if (parseInt(r, 10)) for (; r--;) l = s("div"), l.id = o ? o[r] : d + (r + 1), p.appendChild(l); return i = s("style"), i.type = "text/css", i.id = "s" + d, (c.fake ? c : p).appendChild(i), c.appendChild(p), i.styleSheet ? i.styleSheet.cssText = e : i.appendChild(n.createTextNode(e)), p.id = d, c.fake && (c.style.background = "", c.style.overflow = "hidden", u = S.style.overflow, S.style.overflow = "hidden", S.appendChild(c)), f = t(p, e), c.fake ? (c.parentNode.removeChild(c), S.style.overflow = u, S.offsetHeight) : p.parentNode.removeChild(p), !!f } function l(e, n) { return !!~("" + e).indexOf(n) } function u(e) { return e.replace(/([a-z])-([a-z])/g, function (e, n, t) { return n + t.toUpperCase() }).replace(/^-/, "") } function d(e, n) { return function () { return e.apply(n, arguments) } } function p(e, n, t) { var r; for (var s in e) if (e[s] in n) return t === !1 ? e[s] : (r = n[e[s]], o(r, "function") ? d(r, t || n) : r); return !1 } function c(e) { return e.replace(/([A-Z])/g, function (e, n) { return "-" + n.toLowerCase() }).replace(/^ms-/, "-ms-") } function m(n, r) { var s = n.length; if ("CSS" in e && "supports" in e.CSS) { for (; s--;) if (e.CSS.supports(c(n[s]), r)) return !0; return !1 } if ("CSSSupportsRule" in e) { for (var o = []; s--;) o.push("(" + c(n[s]) + ":" + r + ")"); return o = o.join(" or "), f("@supports (" + o + ") { #modernizr { position: absolute; } }", function (e) { return "absolute" == getComputedStyle(e, null).position }) } return t } function v(e, n, r, i) { function a() { d && (delete k.style, delete k.modElem) } if (i = o(i, "undefined") ? !1 : i, !o(r, "undefined")) { var f = m(e, r); if (!o(f, "undefined")) return f } for (var d, p, c, v, h, g = ["modernizr", "tspan"]; !k.style;) d = !0, k.modElem = s(g.shift()), k.style = k.modElem.style; for (c = e.length, p = 0; c > p; p++) if (v = e[p], h = k.style[v], l(v, "-") && (v = u(v)), k.style[v] !== t) { if (i || o(r, "undefined")) return a(), "pfx" == n ? v : !0; try { k.style[v] = r } catch (y) { } if (k.style[v] != h) return a(), "pfx" == n ? v : !0 } return a(), !1 } function h(e, n, t, r, s) { var i = e.charAt(0).toUpperCase() + e.slice(1), a = (e + " " + z.join(i + " ") + i).split(" "); return o(n, "string") || o(n, "undefined") ? v(a, n, r, s) : (a = (e + " " + E.join(i + " ") + i).split(" "), p(a, n, t)) } function g(e, n, r) { return h(e, t, t, n, r) } var y = [], C = [], w = { _version: "3.2.0", _config: { classPrefix: "", enableClasses: !0, enableJSClass: !0, usePrefixes: !0 }, _q: [], on: function (e, n) { var t = this; setTimeout(function () { n(t[e]) }, 0) }, addTest: function (e, n, t) { C.push({ name: e, fn: n, options: t }) }, addAsyncTest: function (e) { C.push({ name: null, fn: e }) } }, Modernizr = function () { }; Modernizr.prototype = w, Modernizr = new Modernizr; var S = n.documentElement, x = "svg" === S.nodeName.toLowerCase(); Modernizr.addTest("canvas", function () { var e = s("canvas"); return !(!e.getContext || !e.getContext("2d")) }); var _ = "CSS" in e && "supports" in e.CSS, b = "supportsCSS" in e; Modernizr.addTest("supports", _ || b); var P = w.testStyles = f, T = "Moz O ms Webkit", z = w._config.usePrefixes ? T.split(" ") : []; w._cssomPrefixes = z; var E = w._config.usePrefixes ? T.toLowerCase().split(" ") : []; w._domPrefixes = E; var N = { elem: s("modernizr") }; Modernizr._q.push(function () { delete N.elem }); var k = { style: N.elem.style }; Modernizr._q.unshift(function () { delete k.style }), w.testAllProps = h, w.testAllProps = g, Modernizr.addTest("cssanimations", g("animationName", "a", !0)), Modernizr.addTest("csstransforms", function () { return -1 === navigator.userAgent.indexOf("Android 2.") && g("transform", "scale(1)", !0) }), Modernizr.addTest("csstransforms3d", function () { var e = !!g("perspective", "1px", !0), n = Modernizr._config.usePrefixes; if (e && (!n || "webkitPerspective" in S.style)) { var t, r = "#modernizr{width:0;height:0}"; Modernizr.supports ? t = "@supports (perspective: 1px)" : (t = "@media (transform-3d)", n && (t += ",(-webkit-transform-3d)")), t += "{#modernizr{width:7px;height:18px;margin:0;padding:0;border:0}}", P(r + t, function (n) { e = 7 === n.offsetWidth && 18 === n.offsetHeight }) } return e }), i(), r(y), delete w.addTest, delete w.addAsyncTest; for (var A = 0; A < Modernizr._q.length; A++) Modernizr._q[A](); e.Modernizr = Modernizr }(window, document);
+
+var animateCss = {}
+animateCss.useJs = !Modernizr.cssanimations;
 
 (function ($) {
 
@@ -18,9 +22,6 @@ animateCss.useJs = false;
 
 }(jQuery));
 
-
-
-
 /*
  * jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/
  *

sidebyside.html

@@ -171,8 +171,8 @@ <h1 class="site__title mega">JS</h1>
 </main>
     <!-- /.site__content -->
 
-    <script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
-    <script src="js/core.js"></script>
+<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
+    <script src="js/animate.js"></script>
     <script src="js/attention_seekers.js"></script>
     <script src="js/bouncing_entrances.js"></script>
     <script src="js/bouncing_exits.js"></script>