Custom modernizr tests

header.html

<script src="/js/libs/modernizr.js"></script>
<script type="text/javascript">
	var ua = navigator.userAgent;
	Modernizr.addTest('retina', window.devicePixelRatio > 1);
	Modernizr.addTest('webkit', navigator.userAgent.match(/AppleWebKit/i));
	Modernizr.addTest('ipad', navigator.userAgent.match(/iPad/i));
	Modernizr.addTest('iphone', navigator.userAgent.match(/iPhone/i));
	Modernizr.addTest('ipod', navigator.userAgent.match(/iPod/i));
	Modernizr.addTest('ios', Modernizr.ipad || Modernizr.ipod || Modernizr.iphone);
	Modernizr.addTest('android', navigator.userAgent.match(/Android/i));
	
	// Videos won't autoplay on iOS, so don't allow them
	Modernizr.addTest('inlinevideos', Modernizr.video && !Modernizr.ios && !Modernizr.android);
	
	// Background-attachment:fixed fails on webkit when there are videos and on iOS.
	Modernizr.addTest('fixedbkgd', !Modernizr.webkit || (Modernizr.webkit && !Modernizr.inlinevideos && !Modernizr.ios && !Modernizr.android));

	// Android doesn't display canvas animations well
	Modernizr.addTest('easel', Modernizr.canvas && Modernizr.canvastext && !Modernizr.android);


</script>