[B! web制作][ブラウザ] microgravityのブックマーク

クロスブラウザはもう古い！ HTML5＋CSS3時代のプログレッシブ・エンハンスメント

IE 9が登場！ユーザーの閲覧環境がますます多様化！ 4月26日、ついに日本でもInternet Explorer（以下、IE） 9が公開されました。また、マイクロソフトは早くもIE 10のプレビュー版を公開しており、CSS3やJavaScript周りが、さらに強化されるなどリッチなWeb表現が加速してきています。 IEのみならず、Firefox、Safari、Google Chrome（以下、Chrome）など他のWebブラウザもすさまじい勢いで進化してきており、スマートフォンやタブレットPCなどのデバイスも続々と開発され、ユーザーの閲覧環境がますます多様化してきています。そうした流れの中で、必然的に欠かすことができなくなる知識が、この「プログレッシブ・エンハンスメント」という概念です。プログレッシブ・エンハンスメントって何？ Webブラウザや端末などの閲覧環境が多様化してきていま

microgravity 2012/05/17

リンク

Facebook 向けウェブサービスは IE6 に対応すべきか ( 2011年12月の Facebook のブラウザシェア ) - IT戦記

はじめにみなさん、お元気ですか＞＜リリースも終わって、一息ついたあまちゃんです！ヽ(´ー｀)ノわーさて今日は、最近「お花サプライズ！」というサービスをリリースしたのですが、そのときにちょっと面白いデータを見つけたのでそのいきさつも含めて紹介したいと思います。（今日のテーマはこの円グラフ）フェイスブック系のサービスはどのブラウザに対応すれば良い？よく、ウェブサービスを開発するときの悩みとして「古いブラウザでのデザインをどのくらいケアするか？」というものがあります。「お花サプライズ！」でも、割と短い期間で実装することを目標としていたり、本番の HTML を書いた経験があまりないメンバーが多くいたことで「IE6 や IE7 への対応が鬼門なんじゃないか？」という心配が常にありました。そこでよぎる甘い誘惑このご時世、 IE6 とか IE7 に特別対応する必要なんてないんじゃね？

microgravity 2011/12/09

リンク

[JS]Firefox 2/3, Safariも判別する1行のスクリプト | コリス

昨日紹介した「わずか「12文字」でIEを判別するスクリプト」に続いて、Firefox 2/3, Safariを判別する1行のスクリプトをThe Spannerから紹介します。

microgravity 2011/02/28

リンク

ついに！Yahoo! JAPANがIE6のサポート終了へ

Yahoo! JAPANを中心に回っている日本のインターネット界。 2008年1月に、Yahoo! JAPANトップページの横幅が950pxになった時、1000px弱時代のWebデザインに突入しました。Yahoo! JAPANのすごさというのは絶大で、もしユーザーや顧客先から文句を言われたとしても、Yahoo! JAPANと同じ仕様であるならば、 Yahoo! JAPANだって○○だよ！と言うだけで片付けられるくらい絶大な力を持っています。さて、そんなYahoo! Japanが、今度はInternet Explorer 6（IE6）のサポートを終了させるようです。 IE6でYahoo! JAPANトップページにアクセスすると次のように表示されます。お客様のブラウザはInternet Explorer6です。 12月中旬より、Yahoo! JAPANトップページが正しく動作しなくなる場

microgravity 2010/11/10

リンク

IE6とIE7を判別するJavascriptコード:phpspot開発日誌

Abe Fettig’s Weblog 実Detecting IE7 in Javascript IE6とIE7を判別するJavascriptコード。判別は次のようなコードで出来るようです。 if (typeof document.body.style.maxHeight != "undefined") { // IE 7, mozilla, safari, opera 9 } else { // IE6, older browsers } IE7もそろそろ正式版がリリースされるようですのでメモしておくとよいかも。関連エントリ古いバージョンのＩＥを１台のＰＣで使う方法 IE7 Is Coming This Month...Are you Ready?

microgravity 2010/01/05

リンク

JavaScriptでIEかどうかをたったの1行で判別する方法:phpspot開発日誌

Dean Edwards: Sniff! My current frog exaggerator of choice JavaScriptでIEかどうかをたったの1行で判別する方法。なんと、次の1行だけで、isMSIE 変数に、IEで見れば true 、そうでなければ　false を代入することが出来ます。 var isMSIE = /*@cc_on!@*/false; 次のサンプルコードで確認しました。 <html> <script language="javascript"> var isMSIE = /*@cc_on!@*/false; if (isMSIE) { alert('IE!'); } else { alert('not IE!'); } </script> <body> </body> </html> IEであれば IE! を alert し、そうでなければ　not I

microgravity 2010/01/05

リンク

UserAgentからブラウザを判定するオールマイティなJavaScript(browsercheck.js)

JavaScriptでブラウザを判定させるためクラスを作ってみました。各ブラウザに応じてスタイルシートを動的に変更するような用途での使い勝手のよさを重視しています。ダウンロードはこちら→browserinfo.js ver0.2 追記： 0.2→0.3 Webkitの判定文の誤りを修正(2010/1/4) 0.1→0.2 Netscape判定ができないバグを修正(2007/11/22) ・M.C.P.C. ―むり・くり―プラスコミュニケーション様がトラックバックしてくださいました。ありがとうございます^^。判定できるブラウザ Internet Explorer (MacIEの判定も可 ) Netscape Firefox Opera Safari 判定できるエンジン MSIE Webkit Gecko 使い方 1.使いたいHTMLから参照できる場所に browserinfo.js を

microgravity 2010/01/05

リンク

Google、IEを“Chrome並みに”改良するプラグイン「Chrome Frame」リリース

Google、IEを“Chrome並みに”改良するプラグイン「Chrome Frame」リリース：IEでもGoogle Waveを満喫できるオープンソースのプラグイン「Google Chrome Frame」をインストールすると、IE6でもHTML5ほか最新Web技術を使ったサイトを表示できるようになる。米Googleは9月22日、MicrosoftのInternet Explorer（IE）をHTML5ほか最新Web技術に対応させるプラグイン「Google Chrome Frame」のβ版をリリースした。Google Codeのサイトから無料でダウンロードできる。Windows XP SP2およびWindows Vista上で稼働するIE6、7、8に対応する。現在Webブラウザ市場で最もシェアが高いのはIEだが、最新のWeb技術を完全にサポートしておらず、「Google Wave」