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.
| // strip-units required by spread mixin | |
| // http://stackoverflow.com/questions/12328259/how-do-you-strip-the-unit-from-any-number-in-sass | |
| @function strip-units($number) | |
| @return $number / ($number * 0 + 1) | |
| // pow and sqrt required by ease function | |
| // adapted from https://github.com/at-import/Sassy-math/blob/master/sass/math.scss | |
| @function pow($base, $exponent) | |
| $value: $base |
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.
| #------------------------------------------------------------------------ | |
| # 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 (http://www.opensource.org/licenses/mit-license.php) | |
| # | |
| # 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 |
| #!/bin/bash | |
| bash < <(curl -s https://raw.github.com/wayneeseguin/rvm/master/binscripts/rvm-installer) | |
| 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 |
| .320up(){ | |
| .three20 { | |
| color: #fff; | |
| } | |
| } /* end 320up mixin */ |
| Day job: Owner, Outer Banks Design Works | |
| Favorite Python project: Django | |
| Favorite Conference: SXSW | |
| Python Experience Level: Intermediate (enough to be dangerous) |
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.
you might want to take a look at a demo app
| /* | |
| Inline-block for IE6, Firefox 2, and up | |
| via http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block | |
| */ | |
| @module inline-block { | |
| display: -moz-inline-stack; | |
| display: inline-block; | |
| zoom: 1; | |
| *display: inline; |