Skip to content

Instantly share code, notes, and snippets.

@rudev
rudev / gist:1992277
Created March 7, 2012 09:46
CSS: Simple Modern CSS Grid
<!doctype html>
<html>
<head>
<meta charset=utf-8>
<title></title>
<style>
.container {
width: 80%;
margin: auto;
overflow: hidden;
@rudev
rudev / progressPolyfills.js
Created March 7, 2012 09:44 — forked from JeffreyWay/progressPolyfills.js
JavaScript: Progress Polyfill
// Get files here: https://github.com/LeaVerou/HTML5-Progress-polyfill
// Also get custom build of Modernizr - with Modernizr.load, and the Community Progress add-on
Modernizr.load({
test: Modernizr.progressbar,
nope: [
'js/progressPoly.js',
'css/progressPoly.css'
]
});
@rudev
rudev / meThinks.js
Created March 7, 2012 09:42 — forked from JeffreyWay/meThinks.js
JavaScript: Simple JS Testing
function meThinks(assertion) {
return {
shouldEqual: function(bool) {
if ( assertion !== bool ) {
throw new Error('FAIL');
}
}
};
}
@rudev
rudev / gist:1992237
Created March 7, 2012 09:41 — forked from JeffreyWay/gist:1946898
JavaScript: CrossBrowser Add Event Listener
var addEvent = (function () {
   var filter = function(el, type, fn) {
      for ( var i = 0, len = el.length; i < len; i++ ) {
         addEvent(el[i], type, fn);
      }
   };
   if ( document.addEventListener ) {
      return function (el, type, fn) {
         if ( el && el.nodeName || el === window ) {
            el.addEventListener(type, fn, false);
@rudev
rudev / chromeframe.html
Created March 7, 2012 09:40 — forked from JeffreyWay/chromeframe.html
HTML: Chrome Frame Prompt
<!-- Prompt IE6 users to install Chrome Frame -->
<!--[if lt IE 7 ]>
<script src="//ajax.googleapis.com/ajax/libs/chrome-frame/1.0.3/CFInstall.min.js"></script>
<script>window.attachEvent('onload',function(){CFInstall.check({mode:'overlay'})})</script>
<![endif]-->
@rudev
rudev / zurb-examples
Created March 7, 2012 09:38 — forked from shawnsandy/zurb-examples
HTML: Zurb Foundation examples
<!-- The Basics -->
<div class="container">
<div class="row">
<div class="eight columns">
Eight columns
</div>
<div class="four columns">
Four columns
</div>
@rudev
rudev / zurb.css
Created March 7, 2012 09:37 — forked from rniemeyer/zurb.css
JavaScript: Reveal Modals
/* Foundation v2.1.1 http://foundation.zurb.com */
/* Artfully Masterminded by ZURB */
/* --------------------------------------------------
Reveal Modals
-------------------------------------------------- */
.reveal-modal-bg {
position: fixed;