Skip to content

Instantly share code, notes, and snippets.

@dhg
dhg / Skeleton Grid
Created May 6, 2011 19:40
This is the Skeleton.gs grid example
<!-- The container is a centered 960px -->
<div class="container">
<!-- Give column value in word form (one, two..., twelve) -->
<div class="sixteen columns">
<h1>Full Width Column</h1>
</div>
<!-- Sweet nested columns cleared with a clearfix class -->
<div class="six columns clearfix">
@dhg
dhg / buttons
Created May 15, 2011 19:17
Buttons for Skeleton
<!-- Just add .button to an anchor -->
<a href="#" class="button">Click Me</a>
<!-- Also works on plain button elements -->
<button>Click Me</button>
<!-- To take up full-width of a container? -->
<a href="#" class="full-width button">Click Me</a>
@dhg
dhg / tabs
Created May 15, 2011 19:21
Skeleton Tabs
<!-- Standard <ul> with class of "tabs" -->
<ul class="tabs">
<!-- Give href an ID value of corresponding "tabs-content" <li>'s -->
<li><a class="active" href="#simple">Simple</a></li>
<li><a href="#lightweight">Lightweight</a></li>
<li><a href="#mobileFriendly">Mobile</a></li>
</ul>
<!-- Standard <ul> with class of "tabs-content" -->
<ul class="tabs-content">
@dhg
dhg / forms
Created May 15, 2011 19:27
Skeleton Forms
<form action="">
<!-- Label and text input -->
<label for="regularInput">Regular Input</label>
<input type="text" id="regularInput" />
<!-- Label and textarea -->
<label for="regularTextarea">Regular Textarea</label>
<textarea id="regularTextarea"></textarea>
@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>
@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 / 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 / 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: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 / 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'