This file contains hidden or 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
/** | |
* 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); |
This file contains hidden or 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
/** | |
* The first commented line is your dabblet’s title | |
*/ | |
li { | |
width: 80px; | |
background: #ccc; | |
float: left; | |
list-style: none; |
This file contains hidden or 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
/** | |
* The first commented line is your dabblet’s title | |
*/ | |
li { | |
width: 80px; | |
background: #ccc; | |
float: left; | |
list-style: none; |
This file contains hidden or 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
/** | |
* Test fade on generated content | |
*/ | |
.fade { | |
position:relative; | |
} | |
.fade:after { |
This file contains hidden or 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
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 | |
[email protected] C:\Users\Dan\AppData\Roaming\npm\node_modules\npm | |
C:\Users\DanDaily\Code>npm install -g jitsu |
This file contains hidden or 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
// 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]; |
This file contains hidden or 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
/** | |
* Two elements, vertical alignment bottom, variable height and width | |
*/ | |
header { | |
display: table; | |
border-collapse:collapse; | |
height: 180px; | |
margin: 0 auto; | |
} | |
h1 { |
This file contains hidden or 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
/** | |
* Two elements, vertical alignment bottom, variable height and width | |
*/ | |
header { | |
display: table; | |
border-collapse:collapse; | |
height: 180px; | |
margin: 0 auto; | |
} | |
h1 { |
This file contains hidden or 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
/** | |
* Desaturated background colour/image in firefox/webkit | |
*/ | |
li, a { | |
margin: 0; | |
padding: 0; | |
list-style-type : none; | |
position:relative; |
This file contains hidden or 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
/** | |
* Desaturated background colour/image in firefox/webkit | |
*/ | |
li, a { | |
margin: 0; | |
padding: 0; | |
list-style-type : none; | |
position:relative; |
OlderNewer