いじったところのメモと愚痴だけ。
- Mobile Firstでやってみた
font-size
を無指定にした- ロゴのフォントをPacificoに変更した
- メニューの下線を二重線から半円に戻した
- ボタン類に軽くシャドウをかけた
blockquote
要素の引用符を飛び出させるような形に変更したpre
要素のみfont-size
を90%
にしたpre
要素を:hover
で暗い背景になるようにした- リストのブレットをデフォルトに戻した
hr
要素を擬似要素で派手にした- Google Code Prettifyの配色を変更した
本当はフォントも変えようとしてました。CalibriとConsolasをWindows向けに指定しようとしたんですけど、なんとなく一回り小さいという致命的な欠点がどうしても気になってしょうがなく……。CalibriやConsolasがある場合は110%に拡大しようとか考えて、フォントの存在チェックするjQueryプラグインとかも書いてみましたけど、結局使う気にはなれませんでした。もうあれだな! OSにプリインストールされてるフォントはWebフォントとして使えるようにすることを義務付けるべき。
追記
- ロゴとナビをセンタリングした
- テキスト置換でhに無理やり置換した
- クリッカブルなものだけ青くするようにした
テキスト置換は微妙だなー。