Skip to content

Instantly share code, notes, and snippets.

@jgb-solutions

jgb-solutions/foundation-cdn-fallback.html

Created July 20, 2014 00:58
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save jgb-solutions/e0c93803ab6561f2601b to your computer and use it in GitHub Desktop.
Save jgb-solutions/e0c93803ab6561f2601b 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/5.0.2/css/foundation.min.css">
<!-- Modernizr CDN -->
<script src="//cdn.jsdelivr.net/foundation/5.0.2/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 -->
<!-- jQuery CDN -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<!-- jQuery local fallback -->
<script>window.$ || document.write('<script src="/local/jquery.min.js"><\/script>')</script>
<!-- Foundation JS CDN -->
<script src="//cdn.jsdelivr.net/foundation/5.0.2/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/5.0.2/css/foundation.min.css")
//- Modernizr CDN
script(src='//cdn.jsdelivr.net/foundation/5.0.2/js/vendor/custom.modernizr.js')
//- Modernizr local fallback
script.
window.Modernizr || document.write('<script src="/local/custom.modernizr.js"><\/script>')
body
//- APP CONTENT
//- jQuery CDN
script(src='//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js')
//- jQuery local fallback
script.
window.$ || document.write('<script src="/local/jquery.min.js"><\/script>')
//- Foundation JS CDN
script(src="//cdn.jsdelivr.net/foundation/5.0.2/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