1. Home
  2. Webデザイン
  3. html+CSS+javascript
  4. IE撲滅運動に終止符か!?IE8でも丸いドラえもんに!
AmazonAmazon クレジットカードAmazon DashAmazon PrimeAmazon.co.jpAmazon
Painterなどが最大91%OFFのVEGAS&Corel全製品値下げキャンペーンが開催中!

Painterなどが最大91%OFFのVEGAS&Corel全製品値下げキャンペーンが開催中!

現在ソースネクストの公式サイトでは、PaintShop、WinDVD、Painter、VideoStudio、CorelDRAWなどのCorel全製品とVEGAS Pro、ACID Pro、SOUND FORGE、SPECTRALAYERSなどのVE...

YouTubeでHTTP Error 400が出てサイトにアクセスできない時の解決方法!

YouTubeでHTTP Error 400が出てサイトにアクセスできない時の解決方法!

今回はYouTubeで出くわしたHTTP Error 400(Bad Request)が出て、YouTubeにアクセスできなくなってしまった時の解決方法を紹介したいと思います。この現象が発生してしまう...

日本郵便が無償で提供する年賀状ソフト「はがきデザインキット2019」がおすすめ!

日本郵便が無償で提供する年賀状ソフト「はがきデザインキット2019」がおすすめ!

今年も残すところあと30日間を切り、もうそろそろ年賀状を用意して送らないといけない時期ですね。そこで今回は年賀状作成ソフトについて書きたいと思います。ちなみにみな...

ついにFC2ブログの独自ドメインがSSL対応したのでSSL化しました!

ついにFC2ブログの独自ドメインがSSL対応したのでSSL化しました!

ついにFC2ブログで独自ドメインを使ってるブログもSSLに対応しました。FC2のサブドメインを使っているブログは2017年10月からSSL化されていましたが、有料プランである独自...

CASIO G-SHOCKタフソーラーの二次電池交換をWEB修理受付サービスからしてみた!

CASIO G-SHOCKタフソーラーの二次電池交換をWEB修理受付サービスからしてみた!

今回はCASIOの時計のG-SHOCKタフソーラーの二次電池交換をWEB修理受付サービスから申請した時の流れを書きたいと思います。G-SHOCKタフソーラーの二次電池の場合は普通の時...

KADOKAWAの電子書籍が半額でさらにポイント50倍のニコニコカドカワ祭りがものすごい!

KADOKAWAの電子書籍が半額でさらにポイント50倍のニコニコカドカワ祭りがものすごい!

現在電子書籍ストアのBOOK☆WALKERで開催されているニコニコカドカワ祭り2018でものすごいキャンペーンを実施中です。KADOKAWA作品が19000点が半額でさらに45000点がコイン5...

Amazon.comで不良品が送られてきたのでEMSで返品して返金してもらった話!

Amazon.comで不良品が送られてきたのでEMSで返品して返金してもらった話!

以前に海外のAmazonを有効活用して安く買い物をしよう!という記事で簡単に海外のAmazon.comから輸入する方法を紹介しましたが、今回は海外Amazonで購入したものが不良品だ...

総額350ドル!有料ソフト8製品のライセンスキーを無料配布するキャンペーンが実施中!

総額350ドル!有料ソフト8製品のライセンスキーを無料配布するキャンペーンが実施中!

WonderFox Soft, Inc.は同社製品である新しいWonderFox HD Video Converter Factory Proを含む合計8製品のライセンスキーを無料配布するWonderFox 2018 Back to School Par...

Chromeのタブを休止させてメモリ消費を抑えられる拡張機能「The Great Suspender」を使おう!

Chromeのタブを休止させてメモリ消費を抑えられる拡張機能「The Great Suspender」を使おう!

みなさんもよく使っているであろうブラウザのChromeですが、タブを沢山開いているとメモリの消費量がすごいことになることがよくありますよね。そんな時におすすめなのがCh...

無料で使えるVRoid Studioでオリジナル3Dキャラクターを作ろう!

無料で使えるVRoid Studioでオリジナル3Dキャラクターを作ろう!

今回はWindows・Macどちらでも使える無料で使える3DキャラメイカーのVRoid Studioを紹介したいと思います。3D制作の知識がなくても誰でも簡単に自分だけのオリジナル3Dのキ...

NetaGear RSS News

Now Loading

Article

IE撲滅運動に終止符か!?IE8でも丸いドラえもんに!

doraemon_css3_001.png

ついにあの世界で最もシェアをとっている割に性能があれなブラウザであるInternet Explorer 8にて丸いドラえもんを実現しました。IE8と言えばCSS3ドラえもんで唯一のオチ担当を率先して引き受け、奇抜なデザインを披露し、多くの人に笑っていただいたことは記憶に新しい。

しかし、そんなIE8ですが、どうにか丸いドラえもんを表示できないか四苦八苦した結果、ついに実現いたしました。ぜひIE8ユーザの人は見れるかどうか試して欲しいところです。
※これはエイプリルフールのネタです。

今回のCSS3ドラえもんはエイプリルフールのネタで画像を用いています。本来のCSS3ドラえもんはIE8には対応してません。IE8では四角く表示されます。

各ブラウザの動作


doraemon_css3_003.png

今までのブラウザの表示です。今までの表示を確認したい人はIE9に対応したCSS3 Draemon Ver2を公開!をご覧ください。こちらはそのままの状態で残してあります。

doraemon_css3_002.png
ドラえもん Demo

上のリンクでデモページに飛ぶことが出来ます。今回公開したドラえもんはなんと、どんなブラウザ、どんなOSでもまったく同じに表示できるようになりました。確認はしていませんが、IE6でも正常に表示できるのではないかと思います。

ちなみにCSSでやっているので右クリックして画像を保存ができないというのも特徴ですね。

Pure CSS Design


doraemon_css3_v2_003.png
Pure css design


CSSドラえもんなどの過去作品はPure CSS Designの方で公開中です!興味のある人はぜひご覧ください。近々、もう一つのCSS3作品を公開予定です。

IE9に対応したCSS3 Draemon Ver2を公開!
画像を一切使わずにCSS3だけでとある科学の風力発電を描いてみた!

今回の個人的感想




ついにどんなブラウザでもまったく同じように表示できるようになりました。それにしても今までこんな簡単なことが出来ていなかったなんて、馬鹿みたいですよね。やはり画像の互換性の高さはCSSの比べ物になりません。

CSSでめっちゃ苦労していたものが画像ならまったく苦労することなく、同じ様に表示できます。どんなブラウザ、OSも関係なくちゃんと同じように表示できるんだからやっぱり画像が最強ですね!

おまけ


IE8「みんな大好きIE8。ブラウザシェアナンバー1。」
Firefox3.6「えーマジIE8!?IE8が許されるのは小学生までだよね。」
IE9「今の時代は最速で消費電力の最も少ないIE9です。」
Chrome「情強はChromeだろ。Firefox3.6とか起動遅すぎ。」
Firefox4「もう遅いとか言わせない。Firefox3.6より6倍速いよ。」
Opera「Opera最強伝説。」

最近のブラウザ戦争ってこんな感じだと勝手に妄想。IE8以外はそれほど大差がないのにもかかわらず、みんな自分が一番だと信じ込んで他を馬鹿にする。ブラウザもだいぶ進化してきてるし、それほど性能差はなくなってきているのにだ(IE8を除く)。まあ速度的にはfirefox3.6はちょっと遅いけど。

そういえばOperaユーザはOperaにしか興味がないっていう名言がどっかのサイトに載っていたが、大体当たってるような気がするね。最近のOperaは個人的に気に入らないことが多いのでもっとがんばって欲しい。

やはりブラウザは一つに絞らないほうが良いと思うんだけど、多くの人はなぜか一つに執着するんだよね。もっと複数のブラウザを使ってみれば良いのに。そうすることで、そのブラウザ特有の良さが分かるし、その中で一番自分に合うものが見つかるだろう。

Related article

COMMENT TO THIS ENTRY

IEでも丸くなってる!

9129

background: url("april_2011_0401.png") no-repeat
この記述はなんですかw
まあcssって言えばcssですけどwww

9132

>>igas
それは感想でも書いていますが、画像最強ってことですよ。CSS3ドラえもんなのに、画像をそのまま貼り付けて表示するというエイプリルフールネタです。その辺りは今日の日付から察していただけると思ったのですが、書いておいたほうが良かったですかね・・・。画像なのでブラウザ、OSも関係なく同じに表示できます。

なにげに本当の「画像を一切使わずにCSS3だけでドラえもん描いてみた」の記事と異なり、今回の記事では画像を使っていないとは書いてません。

9133

エイプリルフールネタってのは分かってましたよ。
だから草を多めにはやしたのですが・・・
上の方のコメントを見ると気付いてないかな~と思ったので少しヒントをと思って書きました。

9136

wwwれこぞんな

9142

Most Popular

Now loading...

Social Links

Sponsored Link

MENU

NetaGear

Pure Css Design

Popular Article

Access Ranking

Now Loading...

当ブログにリンクしていているサイトの中でアクセス数の多いサイト上位50位が表示されます。今ならリンクするだけで簡単に上位に表示されます。