Webの授業で"ドラえもんの比較"という事をやりました。
何を比較したかというと、各ブラウザでどう表示されるのか、なんですが
実は、画像を使わずに「CSS3だけで描かれている」ドラえもんなんです。
よって、比較する事によりブラウザがどれほどHTML5/CSS3に対応しているかが一目で分かります。
ネタ元はこちら
Webをデザインする上で切っても切り離せない関係であるブラウザ。
シェアで言えば、WinのIEが圧倒的に多い中、これから主流になろうHTML5/CSS3の対応状況が視覚的に伝わっていますね。
リンク先では、Chrome、Firefox、Opera、IEで比較していますが、最新のSafari5が無かったのでMacで表示してみました。
うん、キレイに表示できますね。
ちゃんと目玉も動きますよ！
また、ドラえもんはネタですが画像を使わないでデザインできれば、ページ自体が軽くなりECOという結果も載っていますね。
それにCSSでこれほどデザインできればFlashの使い方も変わってくるだろうし、Dreamweaverで絵が描ける日が来るかも分かりません。
コメントする