brand | color |
---|---|
#3b5998 | |
#55acee | |
google+ | #dd4b39 |
tumblr | #35465c |
wordpress | #21759b |
github | #171515 |
flickr | #ff0084 |
behance | #1769ff |
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
<!doctype html> | |
<html lang="en"> | |
<head> | |
<meta charset="UTF-8"> | |
<title>title</title> | |
<meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
<meta name="viewport" content="width=device-width"> |
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
/* Helvetica font-stack */ | |
font-family: : "Helvetica Neue", "Nimbus Sans L", "Helvetica", "Arial", sans-serif; | |
/* Helvetica font-stack extended */ | |
font-family: : "Helvetica Neue", "Nimbus Sans L", "Helvetica", -apple-system, BlinkMacSystemFont, "Nimbus Sans", "Univers", "Geneva", "Liberation Sans", "Arial", sans-serif; | |
/* typophiles */ | |
font-family: "Neue Haas Grotesk", "Neue Haas Unica", "Akzidenz-Grotesk Next", "Helvetica Neue", "Swiss 721", "Nimbus Sans L", "Akzidenz-Grotesk", "CG Triumvirate", "Aktiv Grotesk", "Europa Grotesk SB", -apple-system, "Helvetica", "Univers", "Geneva", "Arial", sans-serif; | |
/* rendering issues? let your OS choose the system font */ |
name | entity | character | when to use | additional |
---|---|---|---|---|
open, close, low single quote | ’ ‘ ‚ |
’ ‘ ‚ | rsquo for apostrophe | |
open, close, low double quotes | “ ” „ |
“ ” „ | eng: 66[…]99, ger: 99[…]66 | |
single, double chevrons / guillemets | ‹ › « » |
‹ › « » | guillemets: «», chevrons: »« roman languages use «guillemets», german languages except swiss lang uses »chevrons« |
in france with nbsp; |
middle dot | · |
· | ||
fractions | ¼ ½ ¾ , ⁄ |
⁄ ¼ ½ ¾ | for other fractions like 13⁄12 |
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
.flexbox-2016 { | |
flex-justify: I am not justifying myself to you; | |
column: I would like this column to be 50% only at certain time periods; | |
column-start: one_colunn_to_rule_then_all 10 5%; | |
flexify: true false Boolean 20 1012; | |
flex—year: every-non-leap-year 5% 0 0 1; | |
flexi—box: 129839021839128390128312; // support older browsers | |
flex—box: initiate-the-flex 1 1 1 1 1 1 1 1 false 1; | |
start-flex: inherit-face-render-DOM; | |
space—between—flexbox-columns: coffee-cup; |
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
data:text/html,<title> · nothing big editor</title><link href="https://fonts.googleapis.com/css?family=Inconsolata:700" rel="stylesheet"><style>body{box-sizing: border-box}textarea{font:700 14px/1.312 Inconsolata,monospace;color:rgba(0,0,0,.6);background:rgb(252,247,247);box-shadow:0 15px 15px -15px rgba(0,0,0,.07);border:0;width: 100%;height:90vh;padding:1em;transition:box-shadow .5s ease-out;resize:none;}textarea:focus{background: rgb(255,250,250);border:0;outline:0;box-shadow:0 15px 15px -15px rgba(0,0,0,.2);transition:box-shadow .2s ease-in;}</style><body><textarea autofocus></textarea></body> |
I hereby claim:
- I am zimtimgetriebe on github.
- I am krakrakra (https://keybase.io/krakrakra) on keybase.
- I have a public key whose fingerprint is AE5F 3866 FFFD DE80 BDFD 741F 62AF E4E2 7892 84D7
To claim this, I am signing this object: