実装が簡単で、動作も快適！CSSのみで実装されたアニメーションも気持ちいいモーダルボックス- Light Modal | コリス

2017/12/01 51 users スタイ モーダルボックス コリス CSS モダンブラウザ

一昔前までは、完全にJavaScriptの領域でした。 IE9+を含む、すべてのモダンブラウザで動作する、CSSで実装されたモーダルボックスを紹介します。 非常に軽量なので動作も快適、そして実装も簡単と3拍子揃ったスタイ ...記事の続きを読む 続きを読む

さよならIE9！CSSアニメーションでシンプルなスライドショーを作ってみた | それいけ！フロントエンド

2017/05/09 24 users CSSアニメーション フロントエンド スライドショー つっち

こんにちは。フロントエンドエンジニアのつっちーです。 2017年4月12日、ついにWindows Vistaのサポート終了しましたね。これによってInternet Explorer 9のサポートも終了（※1）となりました。CSSアニメーションも、display:flexもやっと遠慮なく使える！（※2） ということで今回は、クロスフェード式のスライドショーを、IE9を切り捨てることでよりシンプルに実... 続きを読む

Web制作者がブックマークしておきたい、HTMLやCSSで困った時にチェックしたいリソースのまとめ | コリス

2017/04/24 130 users コリス Flexbox コンポーネント リソース CSS

2017年4月11日、Windows Vistaのサポートが終了しました。 これによりIE9のサポートは必要なくなり、今まで躊躇していたHTMLやCSSを利用できるようになりました。 Flexboxでコンポーネントはどう ...記事の続きを読む 続きを読む

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

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

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

2017年のWeb標準：新春特別企画｜gihyo.jp … 技術評論社

2016/12/31 45 users gihyo.jp 新春特別企画 Web標準 技術評論社 乖離

株式会社ミツエーリンクスの渡邉卓です。昨年の 「 2016年のWeb標準 」 と同様に， 2017年もWebコンテンツのフロントエンド設計および実装に関連した各種標準や， 周辺領域の動きに関する短期的な予測を寄稿させていただきます。 2017年のWeb標準については 「HTML 5. 1およびHTML 5. 2 - HTML Living Standardとの乖離」 「IE9のサポート終了」 「C... 続きを読む

Flexboxでどういうレイアウトができ、各プロパティはどのように挙動するのかがよく分かる -Flexbox playground | コリス

2016/02/09 188 users Fle Flexbox サポートブラウザ コリス Vista

2016年1月12日にIEの古いバージョンのサポートが終了し、Windows 7/8はIE11、VistaはIE9がサポートブラウザになりました。Vistaはアレなので、実質IE11を考えてWeb制作をすればよいことになります。IE11を対象した際に、Flexboxの導入を考える制作者も多いと思います。 ※Vistaは2017年にサポート終了（参考: Windows製品のライフサイクル ） Fle... 続きを読む

レガシーブラウザのサポートは本日で 終了です。～さようなら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 ... 続きを読む

IE9+もサポート、CSS3 Flexboxを始める人にぴったりな極めてシンプルな使いやすいフレームワーク -FOX CSS | コリス

2015/10/20 72 users コリス Sass Flexbox CSS 一行

そろそろFlexboxを使ってみたいな、と考えている人にぴったりなCSS/Sassの超軽量フレームワークを紹介します。 もちろんFlexboxをバリバリ使っていて、シンプルなのが必要な人にもぴったりです。 FlexboxはIE11+対応ですが、IE9+にも一行加えるだけで同じHTMLで実装できます。 FOX CSS FOX CSS -GitHub Flexboxの各プロパティの使い方は、以前の記事... 続きを読む

なぜサポートが終了した Web ブラウザーを使うと危険なのか? - monoe's blog - Site Home - MSDN Blogs

2015/10/14 167 users 前回 ユーザー バージョン 事情 来年

前回の記事でも紹介させていただいたように来年 (2016) の 1 月 12 日をもって、IE9 以前の Internet Explorer はサポートが終了します。 しかし、機能が停止したりするわけではありませんので、事情を知らないユーザーはそのままサポートが切れたバージョンの Internet Explorer を使用し続けてしまう可能性があります。もしくは、サポートが切れていることを知ってい... 続きを読む

JavaScript - inputやtextareaの値が変わったらイベント発火（IME入力中を除く） - Qiita

2015/09/17 51 users focus 発火 textarea Qiita input

※IE11ではFocus取得・喪失時に入力エリアが空の場合にイベントが発火します。 ※IE9ではIME入力中にFocusを喪失すると2回イベントが発火します。これは通常のIME入力確定のイベントと下記の入力値が変わった時のFocus喪失によるイベントの発火が起こるためです。 ※IE9では入力値が変わったときにFocusを喪失するとイベントが発火します。 ※上記の検証には含まれていませんが、IE9で... 続きを読む

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

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

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

IE9でCSS3が効かない!? | ホームページ更新倶楽部｜お気軽にサイト修正

2014/09/05 36 users CSS3 ホームページ更新倶楽部 サイト修正 プロパティ ミス

また問題児のIEのお話 先日、カラーミーショップというASPサービスでショッピングサイトを構築中にブラウザチェックをしていたら、Internet Explorer 9で一部表示されていない表現がありました。 CSS3を使用した部分だったのですが、そもそもInternet Explorer 9ではCSS3の主なプロパティは対応しています。 ショップの構築中に何かミスがあったのかと思い、ソースを丸ごと... 続きを読む

[JS]ページのツアーガイドをjQuery無しで実装するスクリプト -Shepherd | コリス

2014/05/19 48 users アリ モダンブラウザ コリス デモ デモ jQuery無し

ページの使い方は、見ただけで分かるようにデザインするのが一番ですが、100%伝えるのは難しいものです。そういう時に役立つツアーガイドを簡単に実装できるスクリプトを紹介します。 ツアーガイドとしてだけでなく、お遊び的に使うのもアリです！ Shepherd Shepherd -GitHub Shepherdのデモ Shepherdの使い方 Shepherdのデモ デモはIE9+を含む、モダンブラウザで... 続きを読む

ニュース - IEのゼロデイ脆弱性、修正するパッチが間もなく公開：ITpro

2014/03/07 7 users ゼロデイ攻撃 ITpro Windows 脆弱性 バッチ

日本マイクロソフトは2014年3月7日、Internet Explorer（IE）やWindowsの脆弱性を修正するセキュリティ更新プログラム（パッチ）を3月12日に公開することを明らかにした（画面）。修正される脆弱性には、ゼロデイ攻撃に悪用されている、IE9およびIE10の脆弱性も含まれる。 IE9とIE10には、未修正の脆弱性が見つかっている（関連記事：IE9/10にパッチ未公開の危険な脆弱性... 続きを読む

ニュース - IE9/10にパッチ未公開の危険な脆弱性、悪用した標的型攻撃が出現：ITpro

2014/02/20 19 users 細工 バッチ ウイルス ITpro 日本マイクロソフト

日本マイクロソフトは2014年2月20日、Internet Explorer（IE）9および10に新たな脆弱性が見つかったことを明らかにした。細工が施されたWebページにアクセスするだけで、ウイルスに感染する恐れなどがある。実際、この脆弱性を悪用した標的型攻撃が出現している。セキュリティ更新プログラム（パッチ）は未公開。 今回、IE9とIE10に見つかったのはメモリー破損の脆弱性。細工が施されたW... 続きを読む

IEのゼロデイ脆弱性、MSがセキュリティアドバイザリと「Fix it」を公開 -INTERNET Watch

2014/02/20 9 users セキュリティアドバイザリ ゼロデイ脆弱性 Fix it 影響

ニュース IEのゼロデイ脆弱性、MSがセキュリティアドバイザリと「Fix it」を公開 （2014/2/20 13:32） 米Microsoftは19日、Internet Explorer（IE）に新たな脆弱性が発見され、既にこの脆弱性を悪用する限定的な標的型攻撃も確認されているとして、セキュリティアドバイザリ「2934088」を公開した。 脆弱性は、IE10とIE9のみに影響があり、最新のIE1... 続きを読む

[CSS]2013年、素敵なアイデア満載のスタイルシートのテクニックのまとめ | コリス

2013/12/19 362 users Gmail ネック コリス 進化 Google Apps

今年もCSSの進化が止まりません。 これからのプロジェクトに使ってみたくなるような素敵なアイデア満載のクリエイティブなスタイルシートのテクニックを紹介します。 利用する時にネックになるのがIEですが、来年になるとXPのサポートが終了、そういえばGmailなどのGoogle AppsでのIE9のサポートも終了しました（参考：サポートされているブラウザ -Google）。来年はより多くのテクニックが利... 続きを読む

Google、GmailやGoogleドライブなどでIE9のサポートを終了 -INTERNET Watch

2013/11/07 38 users Gmail INTERNET Watch Google 終了

ニュース Google、GmailやGoogleドライブなどでIE9のサポートを終了 （2013/11/7 18:45） Googleは7日、Internet Explorer 11（IE11）がリリースされたことに伴い、GmailやGoogleドライブなど「Google Apps」でのIE9のサポートを終了すると発表した。 Google Appsでは、Google Chromeについては最新バー... 続きを読む

GoogleがIE9のサポート打ち切り決定、Gmail・Googleカレンダー・Googleドライブなどに影響 - GIGAZINE

2013/11/07 195 users ウェブブラウザ GIGAZINE Gmail http 影響

Windows8.1と共にウェブブラウザ「Internet Explorer(IE)」も最新版の11がリリースされました。これに伴って、Googleは、GmailなどでのIE9のサポート打ち切りを決めました。 Google Drops Support for IE9 http://googlesystem.blogspot.jp/2013/11/google-drops-support-for-i... 続きを読む

IE9, IE10が抱えるHelvetica問題について初めて知った件 | IDEA*IDEA

2013/07/03 427 users IDEA Helvetica Helvetica Neue

ドットインストールのお問合せでご指摘いただいたのですが、IE9、IE10で次のようなバグがあるそうです。知らなかった・・・爆発してくれ。 ■ 発動条件 次のような条件で発動します。 bodyのfont-family指定で、最初にHelvetica（Helvetica Neue）が記述されている。 閲覧しているPCにHelvetica（Helvetica Neue）がインストールされている。 ■ 現... 続きを読む

IE9 以前に情報漏洩の脆弱性、IE10 への移行を推奨 | WWW WATCH

2013/06/07 23 users WWW WATCH 移行 推奨 脆弱性 IE1

すでに各所で話題になっていますが、Internet Explorer （IE） 6,7,8,9 が対象となる情報漏洩の脆弱性が JVN で上がっていました。 該当するバージョンの IE には、XML ファイルの取扱いに問題があり、攻撃用に細工された XML ファイルをローカルで開くと、別のローカルファイルの内容が漏洩する可能性があるとのこと。 JVN#63901692: Internet Expl... 続きを読む

IE6・IE7・IE8・IE9にあるXML絡みの情報漏洩の脆弱性は修正予定なし - GIGAZINE

2013/06/07 40 users GIGAZINE JVN アップグレード ユーザ 脆弱性

by Wolfgang Lonien IEファミリーの中でIE10へのユーザ移行は着実に進んでいるようですが、本日、IE6～IE9に情報漏洩の脆弱性が明らかになりました。この脆弱性は修正される予定がないとのことで、脆弱性情報とその対策を提供しているJVNでは、該当するユーザに対してIE10へのアップグレードを推奨しています。 JVN#63901692: Internet Explorer における... 続きを読む

CSS だけで作るタブ切替ユーザインタフェース | WWW WATCH

2013/05/22 31 users CSS Hoge WWW WATCH target タブ切替

タブ切替の UI は、よく使われますが、JavaScript で実装するケースが多いので、今回は全部 CSS のみで実装してみるテスト。目新しいことをやっているわけではありませんので、すでにやられている方もいるかもしれませんが気にせずいきます。 使うのは :target 疑似クラスで、IE9 以降は対応していますので、比較的動作環境も広いし、フラグメント識別子つきのリンク （要するに #hoge ... 続きを読む

IE8以上ならもうスクリプト無しでOKのモーダルウインドウを表示するスタイルシート -CSS Modal | コリス

2013/05/13 146 users コリス iOS モーダルウインドウ スクリプト無し 配置

テキストや画像などのリンクをクリックすると、画像をはじめあらゆるHTMLの要素が配置可能なモーダルウインドウを表示するスタイルシートを紹介します。 CSS Modal CSS Modal -GitHub CSS Modalのデモ CSS Modalの使い方 CSS Modalのデモ デモはIE9を含む、すべての最新のモダンブラウザでご覧ください。モバイル系は、iOS, Android2/3/4のM... 続きを読む