2010-03-29(月) [長年日記]
■ 日記のテーマを変更した
なんとなくCSSをいじりたくなったので、久しぶりに完全に新しいテーマを作成した。(ごらんのとおり)名前は「gustav」で、まだまだ微調整は必要だが、trunkにはcommit済み。
今回、border-radiusをはじめ、いろいろとモダンブラウザ向けの仕様を使ってしまったので、IEではだいぶ見た目が違ってしまっているが、もうどうでもいいやって感じ。だってうちの日記、IEのシェアが20%しかないし。少なくとも、読めればいいだろうと。Firefox 3.6、Chrome 4.0、IE 8.0で動作確認した。Operaは未(Operaのシェアは5%を切ってる)。iPhoneもこれから。
それから、おれはかねてから頑ななリキッドレイアウト厨だったのだが、さすがに20インチクラスのワイドディスプレイでブラウザを最大化して使うユーザが無視できないほどたくさんいるという現状では、リキッドレイアウトを維持するのは現実的ではないので、幅900pxでデザインした。理想と現実のあいだでうまく折り合いをつけないとね。
あと、これはインチキなんだけど、更新ページのデザインをする上でどうにもならない部分があったので、tDiary本体に手を入れて、更新ページにだけbody要素に「update」というクラスを追加した。よってこのテーマは2.3系の先っちょでしか使えない(←ひどい)。
それからこれはテーマとは関係ないが、Amazonの書影を「大」にしてみるなど。なかなか迫力があっていいんじゃないかと思うけど、ひょっとするとひどい副作用があるかも知れない。
グスタフ萌え。
Opera10.10ですが、問題無いですよー(10.51はまだ入れてません)。
おお、Operaでの確認ありがとうございます!
じゃあこの方向でOKかなー。
Safari 4.0.5、角のトリミングが効いてません。
※常用してませんがためしに表示してみました
むー、Safariはまだ-webkit-border-radiusしか使えないのか。だせぇ。
いちおう対応してみました。
Opera 10.51でも角丸OKです。一応ご報告ということで。
いいな〜。ただ、ご想像のとおり幅の狭いブラウザだとはみ出してしまいます。widthの代わりにmax-widthを使うというのは非推奨でしたっけ?
max-widthか、そんなのもありましたねぇ。すっかり忘れてるな。
widthをautoに戻して、max-widthで幅を指定してみました。画像がある場合は制約が出るけど、そうとう狭いブラウザまでリキッドになったはず。