変換表で記述方法をサクッと統一
複数の人間でcssファイルを編集すると「フォントサイズの記述方法がバラバラに…」なんてことはよくあります。中には小数点第3位まで指定する猛者まで…。
気がついた時に統一しますが「統一の仕方も統一してない」となるとトンチみたいな話になります。
フォントサイズの変換表
そこで自分用メモとして「Pixels」「EM」「Percent」の変換表を作りました。
| Pixels | EM | Percent |
|---|---|---|
| 8px | 0.47em | 47% |
| 9px | 0.59em | 59% |
| 10px | 0.63em | 63% |
| 11px | 0.68em | 68% |
| 12px | 0.73em | 73% |
| 13px | 0.81em | 81% |
| 14px | 0.87em | 87% |
| 15px | 0.93em | 93% |
| 16px | 1.00em | 100% |
| 17px | 1.06em | 106% |
| 18px | 1.12em | 112% |
| 19px | 1.18em | 118% |
| 20px | 1.22em | 122% |
| 21px | 1.31em | 131% |
| 22px | 1.37em | 137% |
| 23px | 1.43em | 143% |
| 24px | 1.47em | 147% |
| 25px | 1.56em | 156% |
| 26px | 1.62em | 162% |
| 27px | 1.68em | 168% |
| 28px | 1.75em | 175% |
| 29px | 1.81em | 181% |
| 30px | 1.87em | 187% |
| 31px | 1.93em | 193% |
| 32px | 2.00em | 200% |
SyntaxHighlighterでConsolasを使うと日本語が文字化けする際の対処法
WordPressにSyntaxHighlighterを導入しよう
これ以上ないくらい簡単な例から学ぶ、レスポンシブwebデザインの作り方
