IE9のCSS対応状況 CSS Compatibility and Internet Explorer

CSS Compatibility and Internet Explorer
http://msdn.microsoft.com/en-us/library/cc351024%28VS.85%29.aspx

IE9のCSSの対応状況がわかるみたいですよ。
さささーっと見ていたら気になるものがあったの

calc()
この丸括弧… 関数てきなもの?と調べてみたらw3cの仕様で値を計算で求められるらしい

http://www.w3.org/TR/css3-values/#calc

@namespace
何気に嬉しいネームスペース。が、使いどころは難しいかもしれないw

他にも見慣れないものとか、Border系,MultiBackgroundなどCSS3に対応しているようです。まだBetaなのであとどのくらい対応するかはわかりませんけど。


CSS3でできることがガッと増えて嬉しい反面、複雑・高度化していますねぇ

それより、IE6の撲滅と最新のIEの普及っていう難題がありますがww

Google検索の左サイドバーを非表示にするCSS

Google検索の左サイドバーが非表示にできなくなっていた。
ノートでFirefoxサイドバーだしているので検索結果がすごく狭くなり見にくいので
非表示にするCSSを書いてみた。
FirefoxはStylishあたりでつかうといいとおもう。

#leftnav{display:none;}
#center_col,#foot{margin-left:0 !important;}

[追記] GreaseMonkey版も書いてみた

そのうち、Googleで非表示にできるようになるんじゃないかと勝手に思ってる
それまでの繋ぎ、、

クックパッドのユーザスタイルシートを書いてみた。

Webページの見た目を変えたいってことありませんか?



cookpadの手順が横並びでちょっと読みづらかったので縦並びにしてみた。

縦並び
そのCSSがこれ (2009/08/21 現在)

#steps div.step {width:600px ! important;float:none; overflow:visible ! important;display:block;float:left! important;}
#steps div.step dl dd div{width:150px;display:block;float:left;}
#steps div.step dl dd p{width:390px;display:block;float:left;}

#steps div.step_last {width:600px ! important;float:none; overflow:visible ! important;display:block;float:left! important;}
#steps div.step_last dl dd div{width:150px;display:block;float:left;}
#steps div.step_last dl dd p{width:390px;display:block;float:left;}

普段はSleipnirを使っているので SeaHouse の UserStyleSheetConfig 使ってみてる。
Firefoxは↓を編集しればできるのですがちょっと面倒なのでアドオン(Stylish)を使うと良いかもしれない。

Win: C:\Documents and Settings\[user]\Application Data\Mozilla\Firefox\Profiles\**.**\chrome\userContent.css
Mac: /Users/[user]/Library/Application Support/Firefox/Profiles/**.**/chrome/userContent.css

ちなみにMozilla系は↓のように特定のドメインとか指定できるので
サイトごとにスタイルをつけることも可能。 詳しくは
@-moz-document domain(priereluna.net) {
	/** Write a style sheet.  */
}