ブログをiPhoneで見やすく

今日は自宅で子供の看病をしているので，日頃できなかったことを片づけている．そのひとつに，このブログをiPhoneで見やすくすることがあった．iPhoneの画面は解像度が低い（480x320）ので（ええーこんなに低かったの～）ので，PC向けのレイアウトだと，記事の部分を拡大してやらないと読むことが難しい．

少し前に，iPhone用の（小さい画面用の）CSSを記述できるということを知っていたので，iPhone用にテンプレートを追加してやればいいことは分かっていた．しかし，いざやってみると，最後の最後で画面幅が縮まらない．

困ったので，ググってみたら，いいサイトがあった．「Blogger『TicTac Blue』テンプレートをCSS/JSでiPhone対応」．まさに，僕のニーズにぴったり．で，どうやっているか見てみると，ガジェットに，JavaScriptとスタイルテンプレートを記述する，というとてもスマートなものだった．

その結果，僕のブログがこんな感じに表示されるようになった．

めでたしめでたし．

注意として，ガジェットを追加するときには，なるべくページの先頭の要素に置いたほうが，表示が早くなるのでよい．なぜなら，JavaScriptで画面幅の修正を行っているので，それを先に実行するほうがページの再描画が少なくてすむから．