CSS3をサポートしていないブラウザでどのように見えるか簡単に確認できるブックマークレット -deCSS3

CSS3でスタイルした箇所をサポートしていない古いブラウザ、まぁ主にIEなのですが、でどのように見えるのか簡単に確認できるブックマークレットを紹介します。

deCSS3の使い方は簡単です。
上記サイトでdeCSS3をすると、下記のようになります。

CSS3サポートブラウザでの見栄え

CSS3の角丸やテキストシャドウ・ボックスシャドウが適用されています。

CSS3無しでの見栄え

CSS3非サポートブラウザだと、角丸などのCSS3が無しの状態になります。

deCSS3の使い方

deCSS3はブックマークレットで配布されており、ブックマークに登録し、閲覧ページでdeCSS3を実行してください。

ブックマークレットの対応ブラウザは、Chrome, Safari です。

Post on:2012年2月2日

on 2012年2月2日

[...] 本日コリスさんでも紹介されたdeCSS3。便利なんだけど、何故かCSS3以外のところもスタイルシートが非表示になってしまうサイトがあるなぁ（他でもなくうちがスタイルシート丸々非表示 [...]

on 2012年2月14日

[...] deCSS3 CSS3を切っちゃうヤツ。 [...]