またちょっとCSSいじった

いじったところのメモと愚痴だけ。

  • Mobile Firstでやってみた
  • font-sizeを無指定にした
  • ロゴのフォントをPacificoに変更した
  • メニューの下線を二重線から半円に戻した
  • ボタン類に軽くシャドウをかけた
  • blockquote要素の引用符を飛び出させるような形に変更した
  • pre要素のみfont-size90%にした
  • pre要素を:hoverで暗い背景になるようにした
  • リストのブレットをデフォルトに戻した
  • hr要素を擬似要素で派手にした
  • Google Code Prettifyの配色を変更した

本当はフォントも変えようとしてました。CalibriとConsolasをWindows向けに指定しようとしたんですけど、なんとなく一回り小さいという致命的な欠点がどうしても気になってしょうがなく……。CalibriやConsolasがある場合は110%に拡大しようとか考えて、フォントの存在チェックするjQueryプラグインとかも書いてみましたけど、結局使う気にはなれませんでした。もうあれだな!OSにプリインストールされてるフォントはWebフォントとして使えるようにすることを義務付けるべき。

$1

追記
  • ロゴとナビをセンタリングした
  • テキスト置換でhに無理やり置換した
  • クリッカブルなものだけ青くするようにした

テキスト置換は微妙だなー。