Skip to content

Instantly share code, notes, and snippets.

View grappler's full-sized avatar

Ulrich Pogson grappler

224 followers · 56 following
View GitHub Profile
@grappler
grappler / dabblet.css
Created November 9, 2012 21:57
Untitled
div {
text-align: center;
background: grey;
float:left
}
.one-col {
width: 100%
}
.two-col {
width: 50%
@grappler
grappler / index.html
Created November 11, 2012 06:23
A CodePen by grappler.
<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 November 18, 2012 19:44 — forked from isGabe/functions.php
Auto versioning of CSS/JS files in WordPress
/*
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 December 10, 2015 11:18
Sublime HTML5
<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 December 10, 2015 12:49
CSS needed for fixed width Responsive with Responsive opt out plugin
/* =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,
@grappler
grappler / buttons w ga track.html
Last active December 10, 2015 14:28
<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>
@grappler
grappler / buttons wo ga track.html
Last active December 10, 2015 14:28
<a href="#" onclick="return FixedWidth();" class="fixed-width-link">Fixed Width</a>
<a href="#" onclick="return Responsive()" class="responsive-link">Reponsive</a>
@grappler
grappler / button.css
Last active December 10, 2015 17:08
.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 {
@grappler
grappler / Sublime Video Code.html
Last active December 11, 2015 18:38
<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>
@grappler
grappler / Sublime loader.html
Created January 26, 2013 14:24
<script type="text/javascript" src="//cdn.sublimevideo.net/js/emx0sm0y.js"></script>