From 0eddf012195ff635a66039e1c09001813929ee10 Mon Sep 17 00:00:00 2001 From: "Rico Sta. Cruz" Date: Wed, 17 Sep 2014 14:44:04 +0800 Subject: [PATCH] Update unicode and css. --- css-background.md | 29 ++++++++++++++ css-font.md | 10 +++++ css-selectors.md | 30 +++++++++++++++ css.md | 67 +------------------------------- unicode.md | 97 +++++++++++++++++++++++++++++++++++++++++++++++ unicode.txt | 82 --------------------------------------- 6 files changed, 167 insertions(+), 148 deletions(-) create mode 100644 css-background.md create mode 100644 css-font.md create mode 100644 css-selectors.md create mode 100644 unicode.md delete mode 100644 unicode.txt diff --git a/css-background.md b/css-background.md new file mode 100644 index 000000000..8b5b88728 --- /dev/null +++ b/css-background.md @@ -0,0 +1,29 @@ +--- +title: CSS +layout: default +--- + +Background +---------- + +### Shorthand + + background: #ff0 url(bg.jpg) left top / 100px auto no-repeat fixed; + background: #abc url(bg.png) center center / cover repeat-x local; + /* ^ ^ ^ ^ ^ ^ + color image position size repeat attachment */ + +### Multiple backgrounds + + background: + linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), + url('background.jpg') center center / cover, + #333; + +### Other properties + + background-clip: border-box | padding-box | content-box [, ...]*; /* IE9+ */ + background-repeat: no-repeat | repeat-x | repeat-y; + background-attachment: scroll | fixed | local; + background: url(x), url(y); /* multiple (IE9+) */ + diff --git a/css-font.md b/css-font.md new file mode 100644 index 000000000..16c109e39 --- /dev/null +++ b/css-font.md @@ -0,0 +1,10 @@ +--- +title: CSS font +layout: default +--- + + font: italic 400 14px / 1.5 sans-serif; + /* ^ ^ ^ ^ ^ + style weight size* line-height family + required required */ + diff --git a/css-selectors.md b/css-selectors.md new file mode 100644 index 000000000..7944c42f8 --- /dev/null +++ b/css-selectors.md @@ -0,0 +1,30 @@ +--- +title: CSS selectors +layout: default +--- + + [attr="value"] /* = exact */ + [class~="box"] /* ~= has word */ + [class|="icon"] /* |= exact, or prefix (eg, value-) */ + [href$=".doc"] /* $= ends in */ + [class*="-is-"] /* *= contains */ + + h3 + p /* + adjacent sibling */ + article ~ footer /* ~ far sibling */ + .container > .box /* > direct child */ + + :target (h2#foo:target) + :disabled + + :nth-child + :nth-child(3n) + :nth-child(3n+2) + :nth-child(-n+4) + :nth-last-child(...) + + :first-of-type + :last-of-type + :nth-of-type + :only-of-type - only child of its parent thats like that + + :only-child diff --git a/css.md b/css.md index 56c54d395..58b0c7db0 100644 --- a/css.md +++ b/css.md @@ -1,73 +1,8 @@ --- -title: CSS +title: CSS tricks layout: default --- -Selectors ---------- - - [attr="value"] /* = exact */ - [class~="box"] /* ~= has word */ - [class|="icon"] /* |= exact, or prefix (eg, value-) */ - [href$=".doc"] /* $= ends in */ - [class*="-is-"] /* *= contains */ - - h3 + p /* + adjacent sibling */ - article ~ footer /* ~ far sibling */ - .container > .box /* > direct child */ - - :target (h2#foo:target) - :disabled - - :nth-child - :nth-child(3n) - :nth-child(3n+2) - :nth-child(-n+4) - :nth-last-child(...) - - :first-of-type - :last-of-type - :nth-of-type - :only-of-type - only child of its parent thats like that - - :only-child - -Background ----------- - -### Shorthand - - background: #ff0 url(bg.jpg) left top / 100px auto no-repeat fixed; - background: #abc url(bg.png) center center / cover repeat-x local; - /* ^ ^ ^ ^ ^ ^ - color image position size repeat attachment */ - -### Multiple backgrounds - - background: - linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), - url('background.jpg') center center / cover, - #333; - -### Other properties - - background-clip: border-box | padding-box | content-box [, ...]*; /* IE9+ */ - background-repeat: no-repeat | repeat-x | repeat-y; - background-attachment: scroll | fixed | local; - background: url(x), url(y); /* multiple (IE9+) */ - -Webkit extensions ------------------ - -### Font smoothing - - /* maxvoltar.com/archive/-webkit-font-smoothing */ - * { - text-rendering: optimizeLegibility !important; - -webkit-font-smoothing: antialiased !important; - -moz-osx-font-smoothing: grayscale; - } - ### Heading kerning pairs and ligature h1, h2, h3 { text-rendering: optimizeLegibility; } diff --git a/unicode.md b/unicode.md new file mode 100644 index 000000000..ed1303246 --- /dev/null +++ b/unicode.md @@ -0,0 +1,97 @@ +--- +title: Unicode symbols +layout: default +--- + + ✈' \u2708 airplane + ❄ \u2744 snowflake + ⚑ \u2691 flag + ☯ \u262f yinyang + ♞ \u265e horse + ☀ \u2600 rays + + ★ star + ☆ star2 + + ⚐ \u2690 flag + ⚑ \u2691 flag + +### Bullets + + • \u2022 + · \u00b7 + ┄ \u2504 + — \u2014 (mdash) + – \u2013 (ndash) + ◦ \u25e6 circle + +### Checks + + ✓ \u2713 check + ✕ \u2715 + ✗ \u2717 x mark + ✘ \u2718 x mark bold + ❏ \u274f checkbox + × times + + +### Spinners + + ◜◠◝◞◡◟ + ❘❙❚ + +### Triangles and arrows + + ▲ + ▼ + ▶ + + ⬅ \u2b05 + ⬆ \u2b06 + ⬇ \u2b07 + + ◢ + ◣ + ◤ + ◥ + + « « + » » + ‹ ‹ + › › + • · + + ⌘ + ⌥ + + ▸ \u25b8 + ▹ + + ◇ \u25c7 + ◆ + + ◐ + ◑ + ◒ + ◓ + + + ♠ \u2660 + ♣ \u2663 + ♥ \u2665 + ♦ \u2666 + + + ✂ scissors + ℹ information ℹ + ♡ heart ♡ + ⚙ cog or gear ⚙ + ✉ envelope ✉ + ✎ pencil ✎ + +### JavaScript + + "x".charCodeAt(0) + "x".charCodeAt(0).toString(16) + + http://www.danshort.com/HTMLentities/index.php?w=dingb diff --git a/unicode.txt b/unicode.txt deleted file mode 100644 index c0acaccdc..000000000 --- a/unicode.txt +++ /dev/null @@ -1,82 +0,0 @@ -• \u2022 -· \u00b7 -┄ \u2504 -— \u2014 (mdash) -– \u2013 (ndash) - -◦ \u25e6 circle -✈' \u2708 airplane -❄ \u2744 snowflake -⚑ \u2691 flag -☯ \u262f yinyang -♞ \u265e horse -☀ \u2600 rays - -× times - -★ star -☆ star2 - -⚐ \u2690 flag -⚑ \u2691 flag - -✓ \u2713 check -✕ \u2715 -✗ \u2717 x mark -✘ \u2718 x mark bold -❏ \u274f checkbox - -Spinners: - ◜◠◝◞◡◟ - ❘❙❚ - -Triangles: - ▲▼▶ - -⬅ \u2b05 -⬆ \u2b06 -⬇ \u2b07 - -◢ -◣ -◤ -◥ - -« -» -‹ -› -• -⌘ -⌥ - -▸ \u25b8 -▹ - -◇ \u25c7 -◆ - -◐ -◑ -◒ -◓ - - -♠ -♥ -♣ -♦ - - -✂ scissors -ℹ information ℹ -♡ heart ♡ -⚙ cog or gear ⚙ -✉ envelope ✉ -✎ pencil ✎ -✓ check or tick mark ✓ - -"x".charCodeAt(0) -"x".charCodeAt(0).toString(16) - -http://www.danshort.com/HTMLentities/index.php?w=dingb