CSS
Ron Garretの2009.2.2の公開記事 CSS should not be used for layout コンテンツと視覚表示（presentation）の分離は維持するが、CSSはスタイル目的でのみ使用し、レイアウトはtable要素を使うべきだとしてる。 レガシーなtableレイアウトへの逆戻りではない…
Rondam Ramblingsの2009年8月のエントリ Rondam Ramblings: HTML is object code 2009年2月にテーブルレイアウト擁護論を公開した元GoogleのRon Garretによる、htmlのハンドコーディング禁止論 CSSレイアウトのもつ利点は、テーブルレイアウトでも実装可能 h…
2009.3.20に予告されたいたW3CウェブサイトW3Cウェブサイト 2009.10.13に予告どおりリニューアルされた件 W3C Site Launch - W3C Blog W3Cブログエントリ。by Ian Jacobs 予告どおり、リニューアルできたことを告知してる。 現在ベータ版。把握済みの問題を3…
IE6のバグ この問題を詳しく紹介したページ positioniseverythingのエントリ。長 IE6 Duplicate Characters Bug - CSS fixes and workarounds 手っ取り早く対処法を載せてるページ sitepointブログエントリ。１０tipsの５番目。 10 Fixes That Solve IE6 Pro…
2008.11.18更新 Surfin’ Safariの記事を再読してみてわかったことを反映 はじめに 旬な話題ではないが、自分がブラウザの読込とかレンダリングを勉強するときに言及されてたので勉強したことをまとめる FOUC is... Flash of Unstyled Content、のこと Flash …
2009.04.01更新 table-layout SitePoint CSS Reference このエントリ更新前に再読 "table-layout:fixed"使うと速くなる このプロパティはIE5発祥 はじめに テーブルレイアウトは遅い tableタグ内の要素全体が読み込まれるまでレンダリングは開始しない。だ…
追記2008.11.12少し更新。整理した。少し検証した。 回避可能なデメリットな気がしてきた。はじめにCSSハックの話ではない 自分で検証・追試したわけではない （CSSのグルである）Ericがこう言ってる・・・、と（JS/DOMのグルである）Jeremyが書いてたという…
CSS Variablesで値を一元管理 | クリエイティブ・タブロイド withD（ウィズ・ディー） CSS Variablesの日本語で読める解説 Why “variables” in CSS are harmful by Bert Bos これまでの歴史（以前variableの提案があって却下されたことがある） 学習コストが…
CSS Compatibility and Internet Explorer ベンダーがこういう表を作るのはいいことだと思うが、実装にバグのある箇所もYesとなってて、ちょっと情報の信頼性はまだまだな感じがする^
メモ：〜IE7で実装にバグあり。・よくありそうな状況 →文中に画像が入っているテキストで行間を調節している場合に行間の調整が効かなくなる。・バグが発生する条件 →あるブロックレベル要素が置換要素（置換インライン要素。img、input、etc.）を含むとき。…
完全実装はSafariのみ。 IE、Firefox、Operaともに部分的な実装。textarea要素の実装がおかしい。 プロパティ名 値 〜IE7 IE8 Firefox2 Opera9.2 Safari 備考 white-space normal △ △ △ ○ textarea要素のみ表示結果と値（or実装と仕様）が一致しない。IE、・…
sitepoint.comのリファレンスより。IE8の欄は今後埋める。 IE8はAcid2をクリアしたので、table-cellの値は○にしてある。※△は特定要素・特定条件の元でののみ実装されているケース ※バグについては、「バグ」と表記 ※×は未実装 プロパティ 値 IE6 IE7 IE8 補…
update:2008.3.12 ノートにあとで調べるとしておきながら半年以上放置 調べたら「非置換インライン要素」がわかった。以下まとめ。 インライン要素は二種類に分類できる。 「置換要素」 「非置換インライン要素」 この二つの違いはcssでwidth、heightを指定…
昨日参加した「RIA 次へ。 Adobe RIA Evolution Seminar」でSiTE4DのエンジニアのデモでCSSをいじっているときに目に飛び込んだソース backgroundImage: Embed(/img/...）; (1)プロパティ名がbackground-imageではなくbackgroundImageになってる。 (2)値の方…
[CSS]高さの異なるカラムを揃えるスタイルシート | コリスSafariがこの数字より大きくなると、ダメだから。 Beware though, browsers don't let you throw arbitrarily large values at them. They have limits. Exceed that limit and the columns will exp…
仕様書を読むのが一番ではある。が、手っ取り早く知りたいときはCSS3 infoが役立ちそう。自分が使っているブラウザの対応状況がテストできるCSS Selectors testsuiteがあるのもここ。
No Div Divlessいわゆるあとで読む。
いまさらだが、floatのがらみのレイアウト崩れでここ１日困り果てたのでメモ。http://www.quirksmode.org/css/clearing.html
graceful degradationの実践 javascriptオフでもユーザビリティを完全に損なわない cssオフにしてもユーザビリティを完全には損なわない javascript＆cssオフに伴う機能喪失は部分的なものにとどまること
http://www.fseeker.jp/seolecture/column/20060405.htmlie独自に実装してるconditional commentを使って、:hover擬似要素の実装の不備を補おうというもの。ieだけに、テーブルタグをｈｔｍｌファイルに追加して、ieだけに適用されるcssファイルを読み込む。…
DOM Scripting 在庫一点で注文後に見たら発送が24時間以内から６〜１０日に変わってた。よかった、これで月曜には手元にくるはず。（追記）と思ってたが、もう発送メールが、日曜には読めるね。うれしい
divタグに #main{]とせずに div#mainとするのが大事らしい・・・が、理由はまだうろ覚え（Update 2008.02.27） ・現時点でも理由はよくわからない。
update:2008.3.11IEにおけるcss実装の不備なんだから、cssだけでは解決しない。 MS謹製の解決方法は、csshover.htcというファイルと、behaviourプロパティ。 csshover.htcの中身は、javascript(jscript)のソースがぎっしり。 behaviourプロパティは、cssの仕…
ずっと気になってたこと。http://standards.mitsue.co.jp/archives/000133.html上記エントリーはIE BLOGの翻訳なんだが、良いハックの条件として 今後登場する標準に準拠した新しいWebブラウザでも機能し続けるよう、記述順序やセレクタの詳細度（個別性）に…
http://cssbug.at.infoseek.co.jp/detail/winie/b168.html同じブロックレベル要素の中で、!importantつきのプロパティを書き（例、width:100px !important;）下の行に!importantなしのプロパティ（width:120px;）と書いたセレクタをあるブロックレベル要素に…
http://codepunk.hardwar.org.uk/css2js.htm
こんな感じです。 /*geocitiesのバナーを非表示*/img[width="58"][height="17"] { display : none !important; } img[width="79"][height="17"] { display : none !important; } img[width="52"][height="17"] { display : none !important; } img[width="10…
