HerbaとFavillaとCSSと。

「Birdcall」をベースに「Herba」のテンプレートを更新しました。
画像差し替えただけなので楽チン。

Favillaをいろいろと調整していたのですが、なにやらIE6用に設定している疑似max-width・min-widthプロパティとその子孫要素のoverflowプロパティの相性が悪いのか、画面サイズを変更してるとIEがフリーズするという困った自体に。調べてみたら他にもそういった症状例があるみたいなんで、もうちょっと調整が必要ぽいです（もしかしたらBirdcallでも発症するかも…）。

あと、いままでユニバーサルセレクタ(*)でスタイルを初期化するという方法をとってきたのですが、なにやらこれはもう時代遅れだとか…。一年くらい前だとまだ主流だったはずなのにいつの間にやら時代に乗り遅れたオッサンになってしまったようです。おぢさん悲しい…。
まぁ、まだ一つしかテンプレートを共有してないので、いっそこれから新しいもの取り入れて、ナウなヤングに馬鹿ウケな流行CSSでバッチグーな感じみたいなーを目指そうと思います。←どんだけー

Firefoxだって困ったところはある。

テンプレートを作る際に一番やっかいになるのがシェア1位のくせにまともにCSSに対応していないInternetExplorerなのですが、じゃあWeb標準に近いFirefoxは完璧なのかというと、ちょっと困ったところもあります。

それが長い英数文字列が自動的に折り返されないという仕様。

この仕様は、普通に英文を書く分には全く問題のないのですが、例えばURLなどを表示させようとすると、画面横幅がびよーんと伸びてしまってデザインが崩れてしまったりします。
ブログでいうと、コメント部分なんかでこういったことがちらほら見られるのではないでしょうか。URL書かないとリンクされないというブログ側の仕様なので仕方ないといえば仕方ないのですが…。
そんな状況を回避したいなーということで調べてみたところ、javascriptを使ってURLを省略表記するという手法がありました。
http://www.onlinetools.org/tools/shortlinks/

一番ブログなどで適用しやすいのはこの方法ですかねー。
使用条件とかが問題なければテンプレートに組み込んでみたいところ。良く読んでないからちゃんと読まなきゃ(；'-')

まぁ、javascriptを切っていたりURLじゃない英数文字列を書き込まれたりすることを想定すると、結局CSSのoverflow等を使う必要が出てくるんですよね。ただ見た目をすっきり見せる目的としてはかなり使えるスクリプトだと思います。

ちなみにFirefox3ではこの仕様は改善されるとのこと。
早く正式にリリースされないかなぁ。