Skip to content

Instantly share code, notes, and snippets.

Working from home

William Dodson obxdesignworks

Working from home
View GitHub Profile
View spread.sass
// strip-units required by spread mixin
@function strip-units($number)
@return $number / ($number * 0 + 1)
// pow and sqrt required by ease function
// adapted from
@function pow($base, $exponent)
$value: $base
View Practical-Font-Sizing.markdown

Practical Font Sizing

A demo pen based on a blog post from Harry Roberts of CSS Wizardry about Practical Font Sizing.

A Pen by William Dodson on CodePen.


obxdesignworks / product_generator.rb
Created Dec 21, 2011 — forked from jpravetz/product_generator.rb
Jekyll generator to read json data file and generate product and ingredient pages
View product_generator.rb
# encoding: utf-8
# @(#)product_generator.rb 1.00 29-Nov-2011 16:38
# Copyright (c) 2011 Jim Pravetz. All Rights Reserved.
# Licensed under the MIT license (
# Description: A generator that creates product, products and
# ingredients pages for jekyll sites. Uses a JSON data
# file as the database file from which to read and
obxdesignworks /
Created Dec 20, 2011 — forked from alanstevens/
Shell script to install rvm and rails
bash < <(curl -s
echo '[[ -s "$HOME/.rvm/scripts/rvm" ]] && . "$HOME/.rvm/scripts/rvm" # Load RVM function' >> ~/.bash_profile
source ~/.bash_profile
rvm install 1.9.2
rvm use 1.9.2 --default
rvm use 1.9.2@global
gem install rails --no-rdoc --no-ri
gem install bundler --no-rdoc --no-ri
obxdesignworks / 320up.less
Created Dec 7, 2011 — forked from peterwilsoncc/320up.less
“Mobile first” CSS and getting LESS to help with legacy IE
View 320up.less
.three20 {
color: #fff;
} /* end 320up mixin */
obxdesignworks / gist:1163648
Created Aug 22, 2011 — forked from voodootikigod/gist:1155790
PyCodeConf Ticket Give-away
View gist:1163648
Day job: Owner, Outer Banks Design Works
Favorite Python project: Django
Favorite Conference: SXSW
Python Experience Level: Intermediate (enough to be dangerous)
obxdesignworks / README.markdown
Created Aug 13, 2011 — forked from ariera/README.markdown
Nestable, sortable and dragable categories
View README.markdown

Nestable, sortable and dragable categories:

In the project I'm working on we wanted to have a Category model which we wanted to be nestable. But we also liked the user to have a draggable interface to manage and rearrange the order of his categories. So we chose awesome_nested_set for the model and jQuery.nestedSortable for the UI.

It took me some time to arrange things to work properly so I wanted to share my work in case it helps anybody.

Before beginning

you might want to take a look at a demo app

  1. go to:
  2. click in show of any group
View _inline-block.scss
Inline-block for IE6, Firefox 2, and up
@module inline-block {
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
*display: inline;