[B! Javascript][ie] battaのブックマーク

IE8・9にもFlexboxを対応させる、flexibility.jsがとっても便利！

2016年1月5日 CSS, JavaScript 昨年からいろんなサイトで続々と実装されてきているFlexbox。従来の方法とは違い、簡単にCSSでレイアウトを組めちゃう素敵技です。しかし、Internet Explorer8や9等の古いブラウザーには対応しておらず、Flexboxを使いたくても使えない…というWeb制作者さんも少なくないはず。そんな悩みを今回の記事で解消します！ ↑私が10年以上利用している会計ソフト！ Flexboxって何？ FlexboxとはFlexible Box Layout Moduleのことで、その名の通りフレキシブルで簡単にレイアウトが組めちゃうボックスです。具体的には主に以下のような事を手軽に実装できます。 CSSを一行プラスするだけで横並びにできる！横並びになった要素の高さが最初から揃ってる！要素を上下左右、好きな順序に並び替えられる！スペースの

batta 2016/01/05

リンク

IE6対策PNG透過表示最強スクリプト｜DD_belatedPNG.js

「IE6、死ね！」「IE6、爆発しろ！」このような狂った叫びがWEB制作業界のあちこちから聞こえてきますが、本当に制作者にとってIE6（Internet Explorer 6）は困った存在です。ってかIE自体が…。でもちょっと以前携わっていた案件の条件が「IE6メインで閲覧できるように」という事で、逆に最新ブラウザに拘らず気持ちの角度を変えてみたらどことなく気を楽に取り組めた私でした。IE6で見れればどんなデザインでも良いのだから。でもやっぱり新しさを求めたいWEBデザイナーとしての血が騒ぎ、IE6でも凝ったデザインにチャレンジしてみたい！そんな思いがフツフツと湧いてきて、IE6でPNG透過画像をガンガン利用したデザインにチャレンジしたのでした。制限が無いようで制限多すぎのIE6に立ち向かった訳で…真のWEBデザイナーはIE6から逃げたりしない！（笑）今回は、その時大変お世話にな

batta 2013/03/16

リンク

HTML5 - ブラウザーと機能検出

このブラウザーはサポートされなくなりました。 Microsoft Edge にアップグレードすると、最新の機能、セキュリティ更新プログラム、およびテクニカルサポートを利用できます。ブラウザーと機能検出 Sascha P. Corti Web サイトを構築していると、今だけ見栄えがよいのではなく、今後もその見栄えを保ちたいと考えます。つまり、Web サイトを、現バージョンのブラウザーだけでなく、今後リリースされる新しいバージョンのブラウザーでも機能させる必要があります。今回の記事では、この目標を達成するのに役立つヒントとベストプラクティスをいくつか紹介します。簡単な歴史現在は、どの Web ブラウザーも、「最新の仕様に沿って Web ページを最適にレンダリングする」という共通の目標に基づいて構築されています。しかし、昔からそうだったわけではありません。これまでは、ブラウザーの競争

batta 2013/01/21

リンク

たった2行でIE5.5～IE8をモダンブラウザの挙動にする魔法のJS – @attrip

開発者泣かせの問題児ブラウザ、Internet Explorerですが、IE5.5、IE6、IE7、IE8をモダンブラウザの挙動にする神JSがGoogle Codeで配布されていました。とりま、 attripのデザイン崩れはこれで解決できました！使い方は簡単！下記のコードを貼り付ければOK！まじ仏。「IE9.js」は、IEを普通のモダンブラウザの挙動にするJSです。IE5、IE6でも透過PNGが使えるようになります。「css3-mediaqueries.js」は、IEでCSS3 Media Queriesを使えるようにするJS。レスポンシブデザインのサイトをIEでも見れるようにします。ちなみに、border-radiusや、box-shadow はできませんでした。あと、IEでの見え方をチェックする方法はこちら↓↓ IE9環境でIE6/IE7/IE8/IE9表示する方法(共存

batta 2012/12/01

リンク

IEユーザーを撲滅させるためのJavaScript。さぁ今すぐWebサイトに組み込もう！

2013/11/26追記：久々にやってきたらこんなネタにすごい量のストックが。恐縮。ちなみにIE10は普通にいいと思いますよ(これ書いた時ってIE最新はまだ9で、表示のバグも多くぐぬぬしてたもので。)といっても、実質辛いのはCSS3のほぼ使えないIE8以下。WindowsXPのIEは8でストップなので当分怨嗟は止まらんのでしょうな結論-IEを判別してアラートを出し、モダンブラウザのダウンロードページに移動させるそのためのコードがこちら。headタグ直下にでも配置しましょう。 <script language="javascript"> var isMSIE = /*@cc_on!@*/false; if (isMSIE) { if(confirm('〇〇〇〇*はInternet Explorerに対応しておりません。本サイトを閲覧するためにはGoogle Chrome,Mozilla