[CSS]幅や高さが不明な要素を中心に配置する、IE8対応の古い方法とモダンブラウザ対応の最新の方法 | コリス

2018/07/04 51 users コリス CSS 要素 両方 方向

CSSで子要素を親要素の中心に配置するには、水平と垂直の両方の方向に対して中央揃えにする必要があります。特に、子要素の幅や高さが不明な場合はやっかいです。 幅や高さが不明な子要素を親要素の中心に配置するIE8にも対応した古い方法、モダンブラウザ対応の最新の方法を紹介します。 Centering: The Newest Coolest... 続きを読む

[JS]数字をくるくる回転させて、指定した数字を表示させるスクリプト -odometer | コリス

2018/06/25 59 users コリス スクリプト パフォーマンス 数字 古いブラウザ

数字をくるくる回転させて、指定した数字を表示させるスクリプトを紹介します。 サポートするブラウザはIE8+を含むモダンブラウザすべてで、古いブラウザでは自動的にフォールバックされ、非常にパフォーマンスの高いCSSアニメーションで表示されます。 odometer odometer -GitHub odometerのデモ odometerの使い方 odom... 続きを読む

IE9のサポートの期限が終了するのでブラウザのバージョン/OSのシェアやスマホについてもまとめてみた。｜BRIDGE BLOG β

2017/03/15 31 users 期限 ブラウザ IE9 バージョン シェア

Web制作をしているとIE9やIE8で表示が崩れたり、動作がうまくいかないなどの不具合が起きた経験があると思います。 (僕はめちゃくちゃありました…) 去年の2016年1月13日にほとんどのOSでのIE8からIE10のサポートが切れましたが、Windows Vistaの最新バージョンがIE9だったので、ブリッジコーポレーションではIE9まで対応としてきました。 そして、その IE9のサポートがつい... 続きを読む

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で使えるテクニッ ...記事の続きを読む 続きを読む

ぼくたちの愛したIE8[PDF] - JSer.info 5周年記念イベント

2016/01/18 57 users ぼくたち PDF JSer.info 5周年記念イベント

JSer.info 5周年記念イベント #jserinfo ぼくたちの愛したIE8 はせがわようすけ @hasegawayosuke #jserinfoJSer.info 5周年記念イベント 自己紹介 はせがわようすけ @hasegawayosuke XSSのほうから来ました http://utf-8.jp/ author of jjencode, aaencode さよなら Intern... 続きを読む

レガシーブラウザのサポートは本日で 終了です。～さようならOld IE～ - monoe's blog - Site Home - MSDN Blogs

2016/01/13 34 users HTML5 web IE7 バージョン 標準

同時にこれは IE7, IE8 と Windows Vista SP2、Windows Server 2008 SP2 以外 で動作する IE9、そして IE10 の実質的なサポート終了を意味します。 そしてこれら、今回サポートが終了するバージョンの Internet Explorer は、Web 標準にもそれほど準拠せず、HTML5 も動作しない、いわゆるレガシーブラウザです。じっさいのところ、... 続きを読む

明日1月13日を最後に、日本でのIE8、IE9、IE10の正式サポートも終了（ただしVistaのみIE 9を来年までサポート）。実質的にモダンブラウザ支配の時代へ － Publickey

2016/01/12 47 users マイクロソフト Internet Publickey 来年

明日1月13日を最後に、日本でのIE8、IE9、IE10の正式サポートも終了（ただしVistaのみIE 9を来年までサポート）。実質的にモダンブラウザ支配の時代へ マイクロソフトは米国時間の1月12日に、「End of Life」と呼ばれるInternet Explorer 8、9、10のサポート終了に伴う更新プログラム（KB3123303）を配布します。 これはマイクロソフトがInternet ... 続きを読む

【IE8,9,10】さようなら。来週でお別れです : 暇人＼(^o^)／速報 - ライブドアブログ

2016/01/07 14 users Tweet マイクロソフト ライブドアブログ 要注意 北海道

【IE8,9,10】さようなら。来週でお別れです Tweet 1: バックドロップホールド(北海道)＠＼(^o^)／ 2016/01/07(木) 13:28:13.89 ID:kyJxXNX50.net BE:755986669-PLT(12000) ポイント特典 Internet Explorer 8、9、10、来週でお別れです さようなら。 使っている人は要注意。 来週12日で、マイクロソフト... 続きを読む

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... 続きを読む

[CSS]IE8もサポート、レスポンシブ対応のさまざまなレイアウトを手軽に使いたい人にぴったりな超軽量スタイルシート -GridLayout | コリス

2015/08/21 92 users コリス マルチカラム スティッキー グリッドレイアウト CSS

最近のWebページでよく使用されるシンプルな1カラム、マルチカラム、カード型のレイアウトをはじめ、フッタが常に最下部に表示されるスティッキー、Webアプリなど、人気のグリッドレイアウトを簡単に実装できる超軽量スタイルシートを紹介します。 もちろんレスポンシブ対応で、古い環境（IE8+, iOS5+, Android3+）もサポートされています。 レイアウト用だけのフレームワークを必要としている人に... 続きを読む

Bootstrap 4 alphaの主な特徴、IE8のサポート終了、Sassに移行、CSSの単位はremとem採用 | コリス

2015/08/20 55 users rem alpha Sass コリス less

2015年8月19日（Bootstrap誕生4周年）にリリースされた、Bootstrap 4 alphaの主な特徴を紹介します。 IE8のサポート終了、Sassに移行、CSSの単位はremとem採用など、かなり変更されています。 Bootstrap 4 alpha 上記の公式ブログに主な特徴が掲載されていたので、ざっと意訳しました。 LessからSassに移行 コンパイラにはlibSassを使用。... 続きを読む

JavaScript - Babel で IE8 対応する地獄 - Qiita

2015/03/16 52 users Babel Webpack Qiita Polyfill 地獄

IE8 対応が必要な JavaScript に Babel (+ webpack) を使っているんだけど、素直に書くと動かないところがあったのでメモ。 とある事情により Polyfill も叶わない環境を想定している。 大体これと同じ内容: Caveats · Babel class を使うためには・・・ class を使ったコードを Babel に変換させると Object.defineProp... 続きを読む

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

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

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

SVG のフォールバックは結局 Modernizr に落ち着いた件 | WWW WATCH

2015/02/26 51 users フォールバック jQuery Modernizr SVG 環境

タイトルでほぼ言い切ってる感じなんですが...... SVG に対応していない環境 （IE8 以前とか、旧 Android の標準ブラウザとか） に対するフォールバックの方法はいくつかありますが、色々試して、最終的に img 要素で SVG を配置した上で、Modernizr と簡単な JavaScript （とりあえず jQuery） 書いて SVG 未対応ブラウザに対しては代替画像に差し替える... 続きを読む

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

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

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

IE8でWebサイトを閲覧した際に問題の起こりそうな箇所を教えてくれるOSS・「IE8 Linter」 - かちびと.net

2015/02/08 43 users ソフトウェア 十分 ツール オープンソース IE6

IE8 Linter IE8 Linterは任意のWebサイトをIE8で閲覧した際に問題の起こる可能性のある箇所を教えてくれるオープンソースのソフトウェアです。IE8のみというピンポイントなツールでは有りますが、日本におけるブラウザのシェア率(2015年1月現在)を見る限り、IE6とIE7はほぼ死滅状態のようなのでIE8のみでも必要な方には十分貢献してくれそうな印象です。とはいえ、オープンソースで... 続きを読む

IE8でツイートボタン貼り付けるとエラーが出る件 - < /gecko >

2015/01/27 52 users Gecko Widget URI エラー https

2015年1月26日時点でのメモです。今後どうなっているかはわかりません。 先週くらい（2015年1月19日頃）からツイートボタンを貼り付けているページをIE8で見ると以下のエラーが出るようになった。 Script error widgets.js Code: 0 URI: https://platform.twitter.com/widget/js 相変わらず役に立たないエラーである。 発生して... 続きを読む

ユニットテストにpower-assertを使う - 四角革命前夜

2015/01/14 36 users power-assert TDD ユニットテスト ライオン

今までJavaScriptでのユニットテストではexpect.jsを使っていたのだけど、 TDDやライオンで有名なtwadaさんのpower-assertが以前から気になっていて、 つい先日ブラウザ版がIE8に対応したらしく、試しにdeepcopy.jsで使ってみた。 初めての導入で、若干つまづいたところや勘違いしていたところがあったのでメモ。 power-assertについて power-ass... 続きを読む

checkBo jQuery Plugin

2014/10/05 24 users MacOS Opera Firefox Safari

checkBo jQuery Plugin, Custom Checkbox and Radio button that really work by @ElmahdiMahmoudCross browsers: Chrome, Firefox, Safari, Opera ( PC, MACOS ). IE8+ (CSS3 not supported) Handheld/Touch device... 続きを読む

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

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

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

鈴木淳也の「まとめて覚える！ Windows 8.1 Update」：XP終了で慌てている間に、ジワジワ迫る「Vista」と「IE8」の寿命 (1/2) - ITmedia PC USER

2014/08/25 33 users USER Vista 鈴木淳也 Microsoft ターゲット

鈴木淳也の「まとめて覚える！ Windows 8.1 Update」：XP終了で慌てている間に、ジワジワ迫る「Vista」と「IE8」の寿命 (1/2) サポート終了後も相当なユーザー数が残っていると言われるWindows XP。しかし、時間は止まってはくれない。Microsoftは次の「レガシー排除」に向けた準備を着々と進めているのだ。 次なるレガシー排除のターゲットはWindows Vista... 続きを読む

Microsoft が IE のサポート ライフサイクル変更を発表、IE8 は 2016年1月にサポート終了 | WWW WATCH

2014/08/08 23 users Microsoft WWW WATCH IEBlog 発表

IEBlog にて、Internet Explorer のサポート ライフサイクル変更に関するアナウンスがありました。マイナビニュースなどでも取り上げられています。 新しいサポート ライフサイクルが適用されることで、2016年の 1月 12日の時点でサポート対象となっている各 OS 上で利用できる最新の IE のみがセキュリティ更新プログラムの適用とテクニカルサポートの提供を受けることができるよう... 続きを読む