This guide assumes a fresh install of Mac OSX 10.7 Lion.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
jQuery maskedSprite plugin | |
Author: Martin Vézina 2012 http://la-grange.ca | |
requires : | |
imagesLoaded (http://github.com/desandro/imagesloaded) | |
easel (http://www.createjs.com) | |
Licensed under the MIT license |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// Strip unit from a number value | |
// Usage : | |
// strip-units(16px); | |
// Will return "16" (as a number) | |
@function strip-units($number) { | |
@return $number / ($number * 0 + 1); | |
} | |
// Write font-size rules for each given breakpoint, the font-size is calculated for each | |
// breakpoint |
The flexbox module has been kicking around for quite some time. There are 3 different specifications that have been implemented in the major browsers. This is an overview of how to cover all of them. If you're interested in how to use flexbox, there are many fine articles out there (some have been linked below).
- Chrome 21 (prefixed)
- Opera 12.1 (unprefixed)
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
var canvas_ctx; // HTML canvas 2d context | |
var ax = 0; // Acceleration x axis (Accelerometer value adjusted for direction) | |
var ay = 0; // Acceleration y axis (Accelerometer value adjusted for direction) | |
var x; // Circle x position | |
var y; // Circle y position | |
var vx = 0; // Velocity x axis | |
var vy = 0; // Velocity y axis | |
var WIDTH = 320; // Width of canvas | |
var HEIGHT = 300; // Height of canvas | |
var RADIUS = 10; // Width of circle object |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@import "compass/css3"; | |
@import "compass/css3/shared"; | |
// For more information see https://gist.github.com/cimmanon/727c9d558b374d27c5b6 | |
// NOTE: | |
// ----- | |
// All mixins for the @box spec have been written assuming they'll be fed property values that | |
// correspond to the standard spec. Some mixins can be fed values from the @box spec, but don't |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* | |
* jQuery plugin to transform every <img> source to a fpoimg url with original | |
* natural image dimensions, this won't work with SVG images nor background | |
* images. | |
* | |
* You should instanciate this plugin before everything else that manipulate | |
* images. | |
* | |
* Usage exemple: | |
* |