Skip to content

Instantly share code, notes, and snippets.

@hughker

hughker/foundation-cdn-fallback.html

Created August 15, 2013 14:23
Show Gist options
  • Save hughker/6241218 to your computer and use it in GitHub Desktop.
Save hughker/6241218 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
foundation-cdn-fallback.html
<head>
<!-- Foundation CSS CDN -->
<link rel="stylesheet" href="//cdn.jsdelivr.net/foundation/4.3.1/css/foundation.min.css">
<!-- Modernizr CDN -->
<script src="//cdn.jsdelivr.net/foundation/4.3.1/js/vendor/custom.modernizr.js"></script>
<!-- Modernizr local fallback -->
<script>window.Modernizr || document.write('<script src="/local/custom.modernizr.js"><\/script>')</script>
</head>
<body>
<!-- APP CONTENT -->
<!-- CDN Zepto (if supported) or jQuery -->
<script>
document.write('<script src="' + ('__proto__' in {} ?
'//cdn.jsdelivr.net/foundation/4.3.1/js/vendor/zepto.min.js' :
'//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js') + '"><\/script>')
</script>
<!-- Fallback to local Zepto (if supported) or jQuery -->
<script>
window.$ || document.write('<script src="/local/' +
('__proto__' in {} ? 'zepto' : 'jquery') + '.min.js"><\/script>')
</script>
<!-- Foundation JS CDN -->
<script src="//cdn.jsdelivr.net/foundation/4.3.1/js/foundation.min.js"></script>
<!-- Foundation JS local fallback -->
<script>window.Foundation || document.write('<script src="/local/foundation.min.js"><\/script>')</script>
<!-- Initialize Foundation -->
<script>$(document).foundation();</script>
<!-- Foundation CSS local fallback -->
<script>
$(document).ready(function() {
var bodyColor = $('body').css('color');
if(bodyColor != 'rgb(34, 34, 34)') {
$("head").prepend('<link rel="stylesheet" href="/local/foundation.min.css">');}});
</script>
</body>
Raw
foundation-cdn-fallback.jade
head
//- Foundation CSS CDN
link(rel="stylesheet", href="//-cdn.jsdelivr.net/foundation/4.3.1/css/foundation.min.css")
//- Modernizr CDN
script(src='//cdn.jsdelivr.net/foundation/4.3.1/js/vendor/custom.modernizr.js')
//- Modernizr local fallback
script
window.Modernizr || document.write('<script src="/local/custom.modernizr.js"><\/script>')
body
//- APP CONTENT
//- CDN Zepto (if supported) or jQuery
script
document.write('<script src="' + ('__proto__' in {} ?
'//cdn.jsdelivr.net/foundation/4.3.1/js/vendor/zepto.min.js' :
'//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js') + '"><\/script>')
//- Fallback to local Zepto (if supported) or jQuery
script
window.$ || document.write('<script src="/local/' +
('__proto__' in {} ? 'zepto' : 'jquery') + '.min.js"><\/script>')
//- Foundation JS CDN
script(src="//cdn.jsdelivr.net/foundation/4.3.1/js/foundation.min.js")
//- Foundation JS local fallback
script
window.Foundation || document.write('<script src="/local/foundation.min.js"><\/script>')
//- Initialize Foundation
script
$(document).foundation();
//- Foundation CSS local fallback
script
$(document).ready(function() {
var bodyColor = $('body').css('color');
if(bodyColor != 'rgb(34, 34, 34)') {
$("head").prepend('<link rel="stylesheet" href="/local/foundation.min.css">');}});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment