Skip to content

Instantly share code, notes, and snippets.

View ShaunSpringer's full-sized avatar

Shaun Springer ShaunSpringer

  • Ease Capital
  • Aspen, CO
  • 12:44 (UTC -06:00)
View GitHub Profile
// Available variables:
// - Machine
// - interpret
// - assign
// - send
// - sendParent
// - spawn
// - raise
// - actions

Keybase proof

I hereby claim:

  • I am shaunspringer on github.
  • I am shaunspringer (https://keybase.io/shaunspringer) on keybase.
  • I have a public key ASCHMWH6Abb7lXMLJ3P3MGjqhUt3ljJb6KV3EU5oFIgAqQo

To claim this, I am signing this object:

{
{I have|I've} been {surfing|browsing} online more than {three|3|2|4} hours today, yet I never found any interesting article like yours. {It's|It
is} pretty worth enough for me. {In my opinion|Personally|In my view}, if all {webmasters|site owners|website owners|web owners} and bloggers made good content as
you did, the {internet|net|web} will be {much more|a lot more}
useful than ever before.|
I {couldn't|could not} {resist|refrain from} commenting. {Very well|Perfectly|Well|Exceptionally well} written!|
{I will|I'll} {right away|immediately} {take hold of|grab|clutch|grasp|seize|snatch}
your {rss|rss feed} as I {can not|can't} {in finding|find|to find} your {email|e-mail} subscription {link|hyperlink} or {newsletter|e-newsletter} service. Do {you have|you've} any?
{Please|Kindly} {allow|permit|let} me {realize|recognize|understand|recognise|know} {so that|in order that} I {may just|may|could} subscribe.
Thanks.|

Responsive layouts in stylus

Why this way?

  1. There is no span1..15 styles, instead your css defines your layout and your html remains semantic and not polluted with display information. As it should be.

  2. The markup is incredibly easy, you specify the wrappers width, and then each columns width in percentages. Every other grid framework I've found is incredibly complicated with this.

  3. It allows you to have the exact same markup, and completely different styles for different devices, resolutions, stylesheets, whatever. As it should be.

// Based on getskeleton.com
@import "nib/clearfix"
@import "nib/reset"
global-reset()
columns = 16
column-width = 57px // Ends up as 1232px layout
gutter-width = 20px
@ShaunSpringer
ShaunSpringer / dabblet.css
Created August 1, 2012 19:00
FIX FOR SUB PIXEL RENDERING
body {
background: url('../assets/body_bg.jpeg') repeat;
background: #333;
}
/* FIX FOR SUB PIXEL RENDERING */
html {
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
@ShaunSpringer
ShaunSpringer / grid.creator.css
Created April 2, 2012 21:55
A jQuery grid creator similar to MS Word's table creator.
.grid-block{
width: 50px;
height: 50px;
margin: 1px;
display: inline-block;
background-color: black;
-moz-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
user-select: none;
@ShaunSpringer
ShaunSpringer / gist:2270821
Created April 1, 2012 02:46
jQuery default text for text input fields
/**
* DEFAULT TEXT
* Written by Shaun Springer
* Free to use, distribute, and modify.
*
* Example:
* $('input[type="textarea"]').defaultText();
*
* jsFiddle: http://jsfiddle.net/Springerlax11/wWCr8/
*/
@ShaunSpringer
ShaunSpringer / example.styl
Created March 15, 2012 01:59 — forked from balupton/README.md
Responsive layouts in stylus
// Responsive layouts in stylus
// https://gist.github.com/1549029
// Created by Benjamin Lupton
// Licensed under the Creative Commons Zero - http://creativecommons.org/publicdomain/zero/1.0/
// ====================================
// Imports
// Nib
@import 'nib'
@ShaunSpringer
ShaunSpringer / jquery.togglelist
Created February 26, 2012 06:13
jQuery Toggle List
/*
* jQuery Toggle List v1.0.0
*
* Date: 2012-02-26
* Requires: jQuery v1.7+
*
* Copyright 2012, Shaun Springer
* Dual licensed under the MIT and GPL licenses:
* http://www.opensource.org/licenses/mit-license.php
* http://www.gnu.org/licenses/gpl.html