Skip to content

Instantly share code, notes, and snippets.

View dabblet.css
div {
text-align: center;
background: grey;
float:left
}
.one-col {
width: 100%
}
.two-col {
width: 50%
@grappler
grappler / index.html
Created Nov 11, 2012
A CodePen by grappler.
View index.html
<div class="one-col">
One Coloumn
</div>
<div class="two-col">
Two Coloumn
</div>
<div class="two-col">
Two Coloumn
</div>
<div class="three-col">
@grappler
grappler / functions.php
Created Nov 18, 2012 — forked from isGabe/functions.php
Auto versioning of CSS/JS files in WordPress
View functions.php
/*
Auto-version CSS & JS files, allowing for cache busting when these files are changed.
Place in functions.php or wherever you are enqueueing your scripts & styles
Avoids using query strings which prevent proxy caching
Adjust paths based on your theme setup. These paths work with Bones theme
*/
@grappler
grappler / gist:4426346
Last active Dec 10, 2015
Sublime HTML5
View gist:4426346
<script type="text/javascript" src="//cdn.sublimevideo.net/js/emx0sm0y-beta.js"></script>
<video id="video1" class="sublime" data-settings='autoresize:fit' width="960" height="540" data-uid="myvideo" data-name="Big Buck Bunny" preload="none">
<source src="http://testing.grappler.tk/files/2012/12/trailer_1080p.mp4" data-quality="hd" />
<source src="http://testing.grappler.tk/files/2012/12/trailer_1080p.webm" data-quality="hd" />
</video>
@grappler
grappler / responsive-fixed-width.css
Last active Dec 10, 2015
CSS needed for fixed width Responsive with Responsive opt out plugin
View responsive-fixed-width.css
/* =Fixed Width
-------------------------------------------------------------- */
.fixed-width #container,
.fixed-width #footer {
width: 960px!important;
}
.fixed-width .grid,
.fixed-width .grid-right,
.fixed-width .menu ul,
.fixed-width .menu li,
View buttons w ga track.html
<a href="#" onclick="_gaq.push(['_trackEvent', 'Click', 'Responsive Opt-Out', 'Fixed Width']); return FixedWidth();" class="fixed-width-link">Fixed Width</a>
<a href="#" onclick="_gaq.push(['_trackEvent', 'Click', 'Responsive Opt-Out', 'Responsive']); return Responsive()" class="responsive-link">Reponsive</a>
View buttons wo ga track.html
<a href="#" onclick="return FixedWidth();" class="fixed-width-link">Fixed Width</a>
<a href="#" onclick="return Responsive()" class="responsive-link">Reponsive</a>
View button.css
.responsive .fixed-width-link {
display: block!important;
}
.responsive .responsive-link {
display: none!important;
}
.fixed-width .fixed-width-link {
display: none!important;
}
.fixed-width .responsive-link {
View Sublime Video Code.html
<video id="a240e92d" class="sublime" poster="https://cdn.sublimevideo.net/vpa/ms_800.jpg" width="640" height="360" title="Midnight Sun" data-uid="a240e92d" data-autoresize="fit" preload="none">
<source src="https://cdn.sublimevideo.net/vpa/ms_360p.mp4" />
<source src="https://cdn.sublimevideo.net/vpa/ms_720p.mp4" data-quality="hd" />
<source src="https://cdn.sublimevideo.net/vpa/ms_360p.webm" />
<source src="https://cdn.sublimevideo.net/vpa/ms_720p.webm" data-quality="hd" />
</video>
View Sublime loader.html
<script type="text/javascript" src="//cdn.sublimevideo.net/js/emx0sm0y.js"></script>