Skip to content

Instantly share code, notes, and snippets.

@dhg
dhg / gist:3602130
Created September 2, 2012 17:43
Titlebar with segmented controller
<header class="bar-title">
<a class="button" href="#">
Left
</a>
<ul class="segmented-controller">
<li class="active">One</li>
<li>Two</li>
<li>Three</li>
</ul>
<a class="button" href="#">
@dhg
dhg / gist:3602099
Created September 2, 2012 17:41
Titlebar with buttons
<header class="bar-title">
<a class="button" href="#">
Left
</a>
<h1 class="title">Title</h1>
<a class="button" href="#">
Right
</a>
</header>
@dhg
dhg / gist:3601935
Created September 2, 2012 17:30
Titlebar
<header class="bar-title">
<h1 class="title">Title</h1>
</header>
@dhg
dhg / gist:3601934
Created September 2, 2012 17:30
Titlebar
<header class="bar-title">
<h1 class="title">Title</h1>
</header>
@dhg
dhg / davegamache_bash_alias
Created July 15, 2012 23:48
Davegamache deploy bash alias
alias buildit='
cp -r _site/ ../temp
&& git checkout gh-pages
&& cp -r ../temp/* ./
&& rm -r ../temp
&& git add -A
&& git status'
@dhg
dhg / gist:1483706
Created December 16, 2011 00:23
Test for Skeleton
$(document).ready(function() {
/* Tabs Activiation
================================================== */
var tabs = $('ul.tabs');
tabs.each(function(i) {
//Get all tabs
@dhg
dhg / gist:1483703
Created December 16, 2011 00:23
Test for Skeleton
$(document).ready(function() {
/* Tabs Activiation
================================================== */
var tabs = $('ul.tabs');
tabs.each(function(i) {
//Get all tabs
@dhg
dhg / gist:1483546
Created December 15, 2011 23:49
Test
$(document).ready(function() {
//Global Vars -----------------------------------------------------
var posts = $('.posts'),
afterString,
subdomain = readParams('r'),
loader = $('.wash'),
loadMore = $('.loadmore-button'),
@dhg
dhg / media queries
Created May 15, 2011 19:40
Skeleton Media Queries
/* #Media Queries
================================================== */
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {}
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {}
/* All Mobile Sizes (devices and browser) */
@dhg
dhg / typography
Created May 15, 2011 19:31
Skeleton Typography
<!-- Standard Headings -->
<h1>Heading</h1>
<h2>Heading</h2>
<h3>Heading</h3>
<h4>Heading</h4>
<h5>Heading</h5>
<h6>Heading</h6>
<!-- Inside blockquote's wrap the content in a <p> then attribute with a <cite>
<blockquote>