Skip to content

Instantly share code, notes, and snippets.

@maskingtape
maskingtape / dabblet.css
Created September 26, 2012 14:00
Two elements, vertical alignment bottom, variable height and width
/**
* Two elements, vertical alignment bottom, variable height and width
*/
header {
display: table;
border-collapse:collapse;
height: 180px;
margin: 0 auto;
}
h1 {
// e.g. scrollToTarget(document.getElementById('foo'));
function getOffset(target){
var offset = {};
function getOrdinate(offsetType){
var ord = 0;
while (target && target !== document.body){
if (target[offsetType]){
ord += target[offsetType];
@maskingtape
maskingtape / gist:3414493
Created August 21, 2012 10:55
Node error output
C:\Users\DanDaily\Code>npm install -g npm
npm http GET https://registry.npmjs.org/npm
npm http 200 https://registry.npmjs.org/npm
npm http GET https://registry.npmjs.org/npm/-/npm-1.1.53.tgz
npm http 200 https://registry.npmjs.org/npm/-/npm-1.1.53.tgz
C:\Users\Dan\AppData\Roaming\npm\npm -> C:\Users\Dan\AppData\Roaming\npm\node_mo
dules\npm\bin\npm-cli.js
npm@1.1.53 C:\Users\Dan\AppData\Roaming\npm\node_modules\npm
C:\Users\DanDaily\Code>npm install -g jitsu
@maskingtape
maskingtape / dabblet.css
Created July 20, 2012 15:22
Test fade on generated content
/**
* Test fade on generated content
*/
.fade {
position:relative;
}
.fade:after {
@maskingtape
maskingtape / dabblet.css
Created July 20, 2012 15:19
The first commented line is your dabblet’s title
/**
* The first commented line is your dabblet’s title
*/
li {
width: 80px;
background: #ccc;
float: left;
list-style: none;
@maskingtape
maskingtape / dabblet.css
Created July 18, 2012 13:21
The first commented line is your dabblet’s title
/**
* The first commented line is your dabblet’s title
*/
li {
width: 80px;
background: #ccc;
float: left;
list-style: none;
@maskingtape
maskingtape / dabblet.css
Created March 7, 2012 13:02 — forked from LeaVerou/dabblet.css
Move in a circle without wrapper elements
/**
* Move in a circle without wrapper elements
* Idea by Aryeh Gregor, simplified by Lea Verou
*/
@keyframes rot {
from {
transform: rotate(0deg)
translate(-150px)
rotate(0deg);