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
Day job: | |
Favorite Python project: | |
Favorite Conference: | |
Python Experience Level: |
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
/** | |
* The first commented line is your dabblet’s title | |
*/ | |
background: #f06; | |
background: linear-gradient(45deg, #f06, yellow); | |
min-height: 100%; | |
#fp transform: rotate(45); |
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
/** | |
* The first commented line is your dabblet’s title | |
*/ | |
background: #f06; | |
background: linear-gradient(45deg, #f06, yellow); | |
min-height: 100%; | |
.fp { | |
-webkit-transform: scale(6,.5); | |
} |
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
/** | |
* The first commented line is your dabblet’s title | |
*/ | |
background: #f06; | |
background: linear-gradient(45deg, #f06, yellow); | |
min-height: 100%; | |
@keyframes spinme { | |
from { transform: perspective(400px) rotateY(0deg) } | |
to { width: perspective(400px) rotateY(360deg) } } |
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
/** | |
* The first commented line is your dabblet’s title | |
*/ | |
nav {position: fixed; top:0; height:2em; width:100%;} | |
nav a {font-size:1.5em; font-style: bold; background-color: lavender; padding: .25em .25em .25em .25em ; text-decoration:none;} | |
article {position: fixed; top:2em ;width:100%; height: 40em; display:block-inline; overflow:auto;} |
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
/* SVG alternative to fittext.js */ | |
div { | |
width: 300px; | |
height: 150px; | |
float: left; | |
margin-right : 10px; | |
background: #f06; | |
font: bold 150% sans-serif; | |
text-shadow: 0 1px 2px rgba(0,0,0,.5); |
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
<!-- making an indiecard as an iframe --> | |
.indiecard {display: -webkit-flex; display:flex; | |
-webkit-flex-direction: column; flex-direction: column; | |
margin:0; width:100%; height:100%; padding: 0; | |
position:fixed; overflow:hidden; | |
} | |
h1 {display: -webkit-flex; display:flex; | |
-webkit-align-items:center; align-items:center; | |
font-size:20vh; margin:0; |
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
<!-- making an indiecard as an iframe --> | |
body {margin:0; height:100%;} | |
body { font-family: "Gill Sans", Roboto,Verdana, sans-serif; }. | |
.indiecard {display:flex; flex-direction: column; margin:0; width:90%; height:90%; padding: 4%; overflow:false;} | |
h1 {display:flex; flex-direction: row; font-size:20vh;} | |
h2 {display:flex; flex-direction: row; font-weight: 300;}. | |
svg {height:100%; width:100%;} text {font-size:20vh;} | |
a { text-decoration:none;} | |
p-name { flex-grow:4; max-width:20%;} |
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
/** | |
* nth of type addressing of microformats | |
*/ | |
.h-entry:nth-of-type(3) { color: green;} | |
min-height: 100%; |
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
/** | |
* dl to flex tabs | |
*/ | |
dl {display:flex; flex-wrap: wrap; justify-content: space-around; align-items:center;} | |
dt {order:1; flex-grow:1; } | |
dt:first-child { background:yellow;} | |
dd {order:2; width:100%; flex-basis:auto; background:aliceblue;} |
OlderNewer