Faves: ageha

Lucky bag::blog: IE7 を含むモダンブラウザ向けの CSS ハックまとめ

ageha — Tue, 11 Dec 2007 14:22:44 GMT

ブラウザごとのハック
・バージョン 6 以下の IE にのみ適用
* html body
・バージョン 7 の IE にのみ適用
*+html body
・バージョン 7 を含む全ての IE にのみ適用
*+html body, * html body
・IE7 を含むモダンブラウザにのみ適用（バージョン 6 以下の IE を除外）
html>body
・IE7 を除くモダンブラウザにのみ適用
html>/**/body

※想定ブラウザ
* バージョン 6 以下の IE
* IE7
* それ以外のモダンブラウザ（Safari、Opera、Firefox）

Comment at Faves | View original page

いまさら聞けない“Web標準”、そしてXHTML＋CSS（1/3） - ＠IT

ageha — Thu, 20 Sep 2007 04:16:18 GMT

Quoted: 「Web標準」という単語はよく耳にしますが、具体的にどんなものか？ XHTMLとCSSとどのような関係があるのか？さらに、XHTMLやCSSって何？といった点について見てみましょう。

html,css,2007

Comment at Faves | View original page

[CSS]横並びのレイアウトをfloatで配置するTIPS -Floater | コリス

ageha — Wed, 19 Sep 2007 16:54:39 GMT

Quoted: CSS Globeでは、下記の画像のような横並びのレイアウトを単純にfloatでレイアウトするのではなく、一工夫してレイアウトを行っています。
Floaterを使用した横並びのレイアウトのキャプチャ

Css Globe - Floater

Floaterで紹介されているテクニックは、左のエレメントにはheightを指定し、右のエレメントにはfloat:rightとheight分のマイナスマージンを指定します。
FloaterのCSSオフ時のキャプチャ

CSSオフ時は、右の画像のように綺麗にマークアップされた状態で表示されます。

マイナスマージンの使用は好きではないのですが、これからはマイナスマージンや背景画像の使用を、忘れないように検討しようと思いました。

Comment at Faves | View original page

TRANS [hatena] - Håkon Wium Lie氏「CSSの10年とこれからの大きな動き」（日本語訳）

ageha — Mon, 10 Sep 2007 01:39:28 GMT

Quoted: しかしながら、Webフォントに対しての最大の焦点は法律ではない。美学だ。

Comment at Faves | View original page

Mozilla Firefox Thunderbird の拡張あれこれ-MEMO（2007年8月-3）

ageha — Tue, 14 Aug 2007 01:56:40 GMT

Quoted: 筆者はまさか HTML はこういう方向に行くとは思っていませんでした．XHTML でエラーがあると表示しないという風に進化していくのだと思っていました．ブラウザの実装の違いがかなりいい加減なものでも表示してしまうという昔から変わらぬ HTML の奇妙な方向が今後もずっと続くのですね．

Comment at Faves | View original page