Update unicode and css.
This commit is contained in:
Rico Sta. Cruz
parent
901184e5b8
commit
0eddf01219
|
|
@ -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+) */
|
||||
|
||||
|
|
@ -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 */
|
||||
|
||||
|
|
@ -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
|
||||
67
css.md
67
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; }
|
||||
|
|
|
|||
|
|
@ -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
|
||||
82
unicode.txt
82
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
|
||||
Loading…
Reference in New Issue