42 Blog - Part 3

Yesterday and Tomorrow - YUZU

最近では、どのブラウザでも同じような見え方になるように無理やり調整するのではなく、ブラウザごとに持っているデフォルトのスタイルを生かして制作されるケースも増えているようです。

そのような流れとは逆に、どこまでブラウザごとの文字の見え方（印象）を近づけることができるか挑戦してみたいと思います。

まず初めに、主要なブラウザごとの文字の表示のされかたを比較して、文字の大きさを揃えるところからはじめます。

紫と赤で指定している部分がどのブラウザでも同じ大きさになっているかどうかがポイントです。
基本の考え方は body のフォントサイズを 13px に指定する Yahoo! UI Library: Fonts CSS をベースにしています。

アーティストで屏風作家の麻殖生素子氏の作品紹介用ウェブサイトを制作いたしました。

ソースコードを見やすくする WP-Syntax というプラグインを入れました。

public class Hello {
  public static void main(String[] args) {
   System.out.println("Hello World!");
  }
}

けど、vicuna のテンプレと相性が良くないっぽいので、そのうち（どっちかを）なんとかする。
やっぱり table 使ってコードを書き換える系のプラグインは不具合が起きやすい。