2009年07月26日

display table やら table-cell

FirefoxやIE8がdisplay : table などを解釈するようになっていた。普通に表で表示するものはtableタグで書いた方がいいが、レイアウトなどのためにtableを使うのは、どうだかなあ、で、divでfloatなどを利用し、結構トリッキー(そこまでするかという意味で)な方法になっている。

display:table-cellなどを使えば、ヘッダ・フッタありの3カラムなどが簡単に書けるようになった。

HTML5で、ヘッダやカラムなどのタグが出来ると、こういう小技も必要なくなるのだろうか?

posted by ふう at 22:56 | Comment(0) | TrackBack(0) | css

2009年07月20日

引用をスマートに

以前は、利口な機能の付いたことを「インテリジェント」と言っていたような気がする。
乗用車の簡単便利なキーをインテリジェント・キーと言う風に。今時はそれをスマートというそうな。スマートフォンなんかがそうですか。


で、スマートな引用の仕方。blockquoteやqで引用した場合に、スマートに引用元にリンク付けしようというわけだ。cssだけを使って。


引用にcite属性が書いてあれば可視化しようというのは、前に書いたが、直接リンクを張ってしまおうという小技。ただしOpera限定


こんにちは。

> a要素のblock要素版

は、Opera限定ですがCSSで実現可能です。



blockquote[cite^="http://"],
q[cite^="http://"]
{
-o-link: attr(cite);
-o-link-source: current;
}


これで、引用部分をクリックすると引用元に飛ぶことができます。Operaもそれ以外のブラウザもこれを標準スタイルにすればいいのにと思います。


んん…頭のいい人もいるもんだ。というわけで、為備忘


Opera限定だからしかたがない。ではなく、Operaを使っているのであれば、user-css に上記を書き込んでおけば、どのサイトでもcite属性が書いてあればリンクが張られている状態になる。便利でッせ

posted by ふう at 20:16 | Comment(0) | css

2009年07月11日

別窓で見る

ここにある過去帖は、ほぼ同じものが4セットあります。日常に使えば傷んでくるわけで、約100年に一度普段使い用に書写したものの様です。
今使っているものは、一番古いものは100年を過ぎそろそろ書写かどうかは別にしてコピーを取る必要が出てきました。そう滅多に参照するものではないにしろ、表に出しているといろいろと傷むものですので。


ここ7-80年ほどはテキスト化しデータベースにしてあるのでいいとして、それ以前のものをどうするか、です。それ以前のものは、途中に悪筆ではないですが癖のある字の時代があって、不用意にテキスト化すると間違いの元になりそうなのです。


そこで、各ページをスキャンして画像データにすることにしました。閲覧には下手にデータベースにして、後々の世代が互換性に悩まされるよりはと、単純な画像データ(png)にしてブラウザで見ることにしました。


Operaには参照用のタブを開くことができるのですが、そうするとページ内のナビゲーションを気をつけないと参照用のページで開いてしまいます。


そこで少しだけJavascriptを使い、参照用のタブで画像を表示できるようにしました。(ポップアップを有効にする必要があります)ファイル名やコメントも表示できるようになっています。


Operaを始めIEやFirefoxでも動きました。なので、WindowsだろうがLinuxだろうが閲覧できるわけで、後生のためにはこの方法はそう悪いものではないなと。このとき気がついたのですがFirefoxは3.5でrgbaをサポートしていたようです。

posted by ふう at 22:30 | Comment(0) | HTML

2009年07月02日

:nth-child(n) のこと

Firefoxが3.5になった。いろいろ変わったらしいが、普段使っていないのでよくわからない。
そのわからない中で、セレクタに関してはnth-child(n)を解釈するようになったようだ。


表や一覧形式になったものを見やすくするのには、強力な手段だと思う。nth-childをセレクタに指定しても、IEには何の副作用もないので、適用してくるサイトも増えていくだろうと思う。そうすれば、なんだかんだといってもW3Cでの「標準」ということの「便利さ」(有効さ)を、IEでも独自性よりも優先しなければいけない方向になるだろうか。

posted by ふう at 11:05 | Comment(0) | css

2007/02〜 ここに移動したのは 2010/04/02 by huu