Update unicode and css.

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+) */
+

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 */
+

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

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; }

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

unicode.txt

@@ -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