2016年以降に「IE8に対応して」といわれたとき思い出したい六項目 - Qiita

2016/09/15 358 users リスク クライアント 正式サポート 事情 ブラウザ

日本では、2016年1月13日でIE8の正式サポートが終了しました。 それでも、まだIE8でもちゃんと閲覧できるサイトを作って欲しいと言われることがあります。 正式なサポートが終了したブラウザを使うリスクや対応工数を考えると、 クライアントには「IE8は対応外です」としっかり説得すべきです。 でも、大人の事情で対応することになった際に、気をつけるべきことをまとめました。 1. IE8は対応外と突っ... 続きを読む

CSSはやっぱり便利！最近のWebページでよく使うさまざまなコンポーネントを実装するスタイルシートのまとめ | コリス

2016/07/08 427 users 加速 ひと昔前 コリス ブラウザ JavaScript

ここ数年でCSSは加速度的に進化し、ひと昔前まではJavaScriptを使用しないと実装できなかったのが、CSSのみで実装できるようになりました。また、サポートすべきブラウザもIE8が除かれるようになり、今まで躊躇してい ...記事の続きを読む 続きを読む

[CSS]古いバージョンのIEがサポート終了したので、どんどん使っていきたいCSSのテクニックのまとめ | コリス

2016/01/27 458 users Bootstrap コリス CSS テクニック 正式版

IE8がサポート外になり、喜んでいる制作者の人も多いと思います。 正式版がリリース予定のjQuery 3もBootstrap 4もIE8はサポート外です。 古いバージョンのIEをサポート外にすると、CSSで使えるテクニッ ...記事の続きを読む 続きを読む

2016年に取り入れていきたい、CSSのテクニック・ライブラリのまとめ | コリス

2016/01/05 318 users コリス 古いブラウザ イラスト 古いバージョン CSS

2016年は、1月12日に古いバージョンのIEのサポートが終了します。 IE8, 9, 10などの古いブラウザへの対応に時間を割く必要がなくなり、今まで躊躇していたCSSやJavaScriptが多くの人に利用されるようになると思います。 これからどんどん取り入れていきたいCSSのテクニック・ライブラリを紹介します。 イラスト: Girls Design Materials 2016年1月12日から... 続きを読む

IE8にもFlexboxを対応させる、flexibility.jsがとっても便利！ | Webクリエイターボックス

2016/01/05 215 users Flexbox CSS Flexible Box レイアウト

昨年からいろんなサイトで続々と実装されてきているFlexbox。従来の方法とは違い、簡単にCSSでレイアウトを組めちゃう素敵技です。しかし、Internet Explorer8や9等の古いブラウザーには対応しておらず、Flexboxを使いたくても使えない…というWeb制作者さんも少なくないはず。そんな悩みを今回の記事で解消します！ Flexboxって何？ FlexboxとはFlexible Box... 続きを読む

css3アニメーションのレパートリーがきっと増える！動きの参考になる21サイト | 株式会社WEB企画スタッフブログ

2015/03/06 157 users レパートリー プロパティ 近頃 アニメーション 普及

css3でアニメーションを使用するサイトが近頃増えてきました。背景としては、css3アニメーションのプロパティにほぼ対応しているスマホ端末の普及や、animationプロパティ未対応のIE9（IE6～IE8を含む）のシェアが低下してきていることが挙げられると思います。 ですが裏を返してみると、css3に対応しているブラウザは年々増えてきていますので、今後ますます実装するサイトが増えていくのではない... 続きを読む

うわぁIE8で表示がおかしい！その原因をチェックしてアドバイスしてくれるオンラインサービス -IE8 Linter | コリス

2015/02/10 101 users 基準 現状 アドバイス モダンブラウザ ページ制作

モダンブラウザを基準にページ制作をする人が増えてきましたが、IE8を完全に切るのはなかなか難しいのが現状です。 そんなIE8で、あれ表示がおかしいぞ！という時に、その原因のアドバイスをしてくれる便利なオンラインサービスを...記事の続きを読む 続きを読む

[CSS]動画を背景に使い、オーバーレイでコンテンツを配置するテクニック（IE8、スマホへの対応方法） | コリス

2014/09/05 136 users video要素 レスポンシブ対応 コリス ブラウザ 自動再生

動画を背景としてブラウザいっぱいに表示し、その上にオーバーレイでコンテンツを配置するCSSのテクニックを紹介します。 動画の背景はレスポンシブ対応、video要素に対応していないIE8や、動画の自動再生に対応していないスマホへの対応方法も！ Create Fullscreen HTML5 Page Background Video 下記は各ポイントを意訳したものです。 以前紹介した時（前の記事）か... 続きを読む

jquery 1.xと2.x の違い、さらに動作を音速にするための設定 | まとめーたー

2014/07/16 485 users 音速 wp-content アイル まとめーた 動作

photoBy: http://www.jose-aguilar.com/blog/wp-content/uploa… まずは jquery 1.x と 2.x の違い 1.x 系は IE8 以前をサポートするが遅い、重い 2.x 系は IE8 以前のサポートは捨てて、いるが軽い、早い アイル トン・セナじゃあるまいしそんなに早くしてどうすんの？ Webページがたった1秒高速化するだけでECサイト... 続きを読む

愛と憎しみのIE6──IE6開発者と現開発者が本音とを思い出を語り合う（前編）#ie6 #ie8 #ie11｜CodeIQ MAGAZINE

2014/04/09 480 users 憎しみ tag エンタープライズ 本音 IE6

愛と憎しみのIE6──IE6開発者と現開発者が本音とを思い出を語り合う（前編）#ie6 #ie8 #ie11 2014.04.09 Category：エンジニアコラム Tag：IE ,Windows ,エンタープライズ ,ブラウザ 2014年4月9日にWindows XP、Office 2003、Internet Explorer 6（IE6）のサポートが終了する。IE4がリリースされた頃から、デ... 続きを読む

[CSS]リスト要素を左寄せぴったりに配置するスタイルシートのテクニック | コリス

2014/03/10 210 users コリス 黒丸 CSS ネガティブマージン 四角

中黒のような黒丸、四角、数字など、リストの先頭につくマークを左寄せに揃えるスタイルシートのテクニックを紹介します。 対応ブラウザはIE8+で、ネガティブマージンは使用しません。 Align Lists Flush Left ブラウザごとに異なるサイズのマークでも、数字のリストで1桁から2, 3桁と増えても全てに対応できるテクニックです。 まずは、マークアップから。 HTML ulもolもシンプルな... 続きを読む

[JS]SVGを始める人にぴったり、ウェブページでSVG画像を安心して利用できるスクリプト -SVGMagic | コリス

2014/01/29 147 users jQuery GitHub コリス SVG ウェブページ

ページ上の画像や背景画像として使用したSVG画像をSVG非サポートブラウザで表示した際にPNG画像に自動変換するjQueryのプラグインを紹介します。 SVGMagic SVGMagic -GitHub 上記ページを、SVG非サポートブラウザで表示した時にはこんな感じに。 IE8だとPNG画像で表示されました SVGMagicではSVG非サポートブラウザではPNG画像を生成し自動で置き換えて表示す... 続きを読む

意外と知られていない、IE11リリースによる本当の危機 - ふろしき.js - 実用的なWeb技術を発信

2013/11/26 522 users ふろしき.js 危機 エンタープライズ 発信 Web技術

2013-11-26 意外と知られていない、IE11リリースによる本当の危機 IE IE11 互換性対策 Internet Explorerはエンタープライズでの利用が想定されるため、Microsoft製品で広く適用されているサポート ライフサイクル ポリシーを確認すると、最低でも10年のサポートが受けられると考えている人も多いでしょう。IE8も9も10も、みんなそうなると信じて疑わないIT管理者... 続きを読む

[JS]レスポンシブ対応でパンくずの一行が長くて困ったを解決するスクリプト -rCrumbs | コリス

2013/05/08 113 users jQuery コリス 一行 スクリプト 多階層

多階層をもったサイトでは、パンくずも長くなりがちです。 テキストベースで実装した長い一行のパンくずを表示幅に合わせて最適化するjQueryのプラグインを紹介します。 jQuery rCrumbs -GitHub rCrumbsのデモ rCrumbsの使い方 rCrumbsのデモ 一行で長いパンくずは表示幅を変更すると、最適化されて表示されます。 主要なモダンブラウザをはじめ、IE8+でご覧ください... 続きを読む

古いIEでも無事動くか？–Webサイトの互換性テストサービスmodern.IEをMicrosoftが立ち上げ

2013/01/31 216 users Microsoft 古いＩＥ デベロッパ 手直し Webサイト

Microsoft自身がいくら変えたいと思っていても、いまだに古いバージョンのInternet Explorerを使っている人は多い。そのためデベロッパは、自分のWebアプリケーションが、たとえばIE7やIE8で無事に動くよう、テストや手直しに余計な時間をかけなければならない。IE9とIE10は、Microsoftが懸命にHTML5やCSS3などの標準規格の忠実な実装に努力した。そして、今や古いI... 続きを読む

[JS]多彩なアニメーションを備えたスライドショーがスクリプトを一行も書かずに実装できるスクリプト -Cycle.js | コリス

2013/01/24 203 users コリス GitHub ARIA エブ 一行

スクリプトもスタイルシートも書かずに、多彩なアニメーションで画像がスライドするスライドショーを実装できるスクリプトを紹介します。 こういう実装方法がこれから増えてくるかもしれませんね。 Cycle.js Cycle.js -GitHub 対応ブラウザは下記の通り。 IE8+ Chrome Firefox Safari Opera TODOとして、ARIAのサポート、キーボード操作、IE7対応、エフ... 続きを読む

HTML5で組んでるならこの魔法のjsも入れておけっていう話 | [M] mbdb

2012/12/01 1460 users Tweet 挙動 mbdb モダンブラウザ 目安

HTML5で組んでるならこの魔法のjsも入れておけっていう話 Hacks Web Technical Please Share! Tweet この記事を読むのに必要な時間の目安: 約 6 分 現在、A!＠attripさん発で話題になっている｢たった2行でIE5.5～IE8をモダンブラウザの挙動にする魔法のJS｣という記事読みましたか? Webデザイン界隈では当たり前のものですが、実はもうひとつ追加... 続きを読む

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

2012/11/30 955 users attrip 挙動 モダンブラウザ 魔法 IE5.5

たった2行でIE5.5～IE8をモダンブラウザの挙動にする魔法のJS 続きを読む

IE8を切り捨てるどころかIE6がまだしっかり生きてる件

2012/10/20 258 users IE6

ああくそムカムカする。もう眠い。腹いせにブログ書くことにする。 ネタはいま思い出した。これだ。 IE8切り捨て準備はいいか？jQuery2.0 2013年リリース予定 | DECONCEPTER こんなん読んで間に受けてるそこの学生！自分探し中の社会人！ おまえらアホか。まともなWeb制作屋はもう全員笑ってるよプププププ。 まず、だな。 日本語の非ＩＴ系のサイトで、一般ピープルも男も女も若者も定年... 続きを読む

CSS3の可能性を見いだし、且つIE8でもレンダリングされる、使いやすくてかっこいいフォームを実装するチュートリアル | コリス

2012/10/17 164 users フィードバック フォ コンタクト 実装 コリス

CSS3の可能性を見いだし、且つIE8でもレンダリングされる、使いやすくてかっこいいフォームを実装するチュートリアル Custom Login Form Styling 下記は各ポイントを意訳したものです。 「使いやすい」フォームをつくるポイント 「使いやすい」と「かっこいい」を両立したフォームの実装 「使いやすい」フォームをつくるポイント ログイン、コメント、コンタクト、フィードバックなど、フォ... 続きを読む

Respond.jsとレスポンシブWebデザインをめぐるベストプラクティス議論 | ゆっくりと…

2012/08/07 100 users スクリプト レスポンシブWebデザイン コミュニティ 以下

2012年2月、Modernizr 2.5 の カスタム・ビルダー から Respond.js が外されました。理由は、HTML5 Boilerplate （以下 H5BP） コミュニティでの決定です。Respond.js は、IE8 以下などのメディアクエリ未対応なブラウザにもその代替え機能を提供するスクリプトで、レスポンシブ Web デザイン を支えるスクリプトとして、H5BP に長らく （8... 続きを読む

IE6～IE8でCSS3が使える「CSS3 PIE 1.0.0」登場 | エンタープライズ | マイナビニュース

2012/05/20 191 users エンタープライズ メジャーバージョン CSS3 PIE 登場

PIE makes Internet Explorer 6-9 capable of rendering several of the most useful CSS3 decoration features. 15日(米国時間)、「CSS3 PIE」初のメジャーバージョンとなる「CSS3 PIE 1.0.0」が公開された。CSS3 PIEは、CSSレベル3に対応していないIE 6/IE 7/IE... 続きを読む

IE 6, IE 7, IE 8 が退場した未来 - latest log

2012/03/06 527 users latest log TechNet 未来 IE 7 IE 8

Internet Explorer の自動アップグレードについて | TechNet長かった… 本当に長かった… やっと、IE 6, IE 7 が居なくなるのですね…uupaa.js ver 0.8 に埋まっている処理などを参考に、IE 6, IE 7, IE 8 が居なくなった未来では何が可能になるのか抜粋してみました。 IE8 でやっと使えるようになる機能 一部は IE 6 や IE 7 でも... 続きを読む

ページめくりを実現するためのjQueryプラグイン集:phpspot開発日誌

2012/02/09 120 users phpspot開発日誌 jQueryプラグイン集 ページ

ページめくりを実現するためのjQueryプラグイン集 先日のHTML5で美麗なページめくり効果が作れるJSライブラリ「turn.js」 では多くの反響を頂きましたが、他にも同様のページめくりライブラリがあるようです Booklet 個人的にコンパクトなインタフェースがいいなと思うライブラリです。 HTML5がなくともIE8でも動きます Create a page flip effect with ... 続きを読む

IEの異なるバージョンごとにスタイルシートを適用する方法のおさらい | コリス

2011/12/14 466 users コリス jQuery class おさらい CSS

CSSやJavaScriptを使って、IE6, IE7, IE8, IE9 とIEの異なるバージョンごとにスタイルシートを適用する方法のまとめを紹介します。 下記は各ポイントを意訳したものです。 CSS: 条件付きコメント(class) CSS: 条件付きコメント(外部スタイルシート) CSS: CSS Hack JavaScript JavaScript: jQuery おまけ CSS: 条件付... 続きを読む