Skip to content

Instantly share code, notes, and snippets.

@brito
brito / dabblet.css
Created March 8, 2013 01:57
Task station
/* Task station */
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600);
* { font:400 13px Source Sans Pro; padding:0; margin:auto;
list-style:none; border:0; color:#3c3c3c;
font-weight:inherit; line-height:inherit;
box-sizing:border-box; vertical-align:0 }
select { -webkit-appearance:none }
@brito
brito / dabblet.css
Created March 14, 2013 06:50
Jai Guru Deva Om
/* Jai Guru Deva Om */
body { text-align:center; font:5em/3 sans-serif }
/* */
/* */
* { }
[id]:after { content:'';
position:absolute; top:0;right:0;bottom:0;left:0 }
/* defaults */
* { box-sizing:border-box }
@brito
brito / API design
Created March 21, 2013 07:30
Joshua Bloch: Bumper-Sticker API Design
All programmers are API designers:
Good programs are modular, and intermodular boundaries define APIs. Good modules get reused.
APIs can be among your greatest assets or liabilities:
Good APIs create long-term customers; bad ones create long-term support nightmares.
Public APIs, like diamonds, are forever:
You have one chance to get it right so give it your best.
APIs should be easy to use and hard to misuse:
/* aside */
article:not(:target){}
aside:target {}
* { border:solid; box-model:border-box;
min-height:0 }
@brito
brito / dabblet.css
Created March 29, 2013 05:04
githug
/* githug
discuss: twitter.com/#CSS_QUIZ_5268861 /cc @darkgoyle */
/* [hard] Quiz 1 */
code:before {
content:'#!bin/bash \A'
'ID="' attr(id) '"'
attr(data) }
@brito
brito / dabblet.css
Created March 29, 2013 06:02
CSS Animation shorthand
/* CSS Animation shorthand
discuss: twitter.com/#CSS_QUIZ_5269019 /cc @darkgoyle */
/* [easy] Quiz 0 */
code { white-space:pre }
code { animation:example 1s }
@keyframes example {
@brito
brito / dabblet.css
Created March 29, 2013 07:59
khaleesi.la
/* khaleesi.la */
@charset 'UTF-8';
@import url(http://fonts.googleapis.com/css?family=Stalemate|Berkshire+Swash|Cinzel+Decorative);
/* subscribe */
[for=notifications],
#notifications { float:right }
[action*=subscribe] { display:none }
#notifications:checked
+ [action*=subscribe] { display:block }
@brito
brito / dabblet.css
Created April 20, 2013 01:54
Townsquare
/* Townsquare */
/* typography */
@import url(http://fonts.googleapis.com/css?family=Oxygen|Playfair+Display+SC);
* { font:400 1em/1.6 Oxygen,sans-serif }
h1 { font:400 1.6em/1 Playfair Display SC,serif }
/* structure */
body > header {}