UGURUS offers elite coaching and mentorship for agency owners looking to grow. Start with the free Agency Accelerator today. In Part 1 of this series, I debunked a few misconceptions that many people have around the Internet Explorer (IE) implementation of CSS grid. This article builds on that knowledge. It would be best to go back and read that article first if you haven’t already. Today I’m goin
CSS Gridは非常に便利ですが、唯一の欠点はIE11以下・Edge15以下のユーザーをサポートする必要がある場合に期待通りに機能しないことです。 CSS Gridでページのレイアウト・グリッド・コンポーネントを実装する際に、IE11以下・Edge15以下をサポートするフォールバックのテクニックを紹介します。 Grid to Flex Grid to Flex -GitHub CSS Gridがレイアウトで優れている点は、水平方向と垂直方向の両方を制御して、レイアウトができるという点です。 Flexboxでは両方を制御することはできないため、その点に注意します。 CSS Grid, Flexboxについて学びたい時は、下記の記事がオススメです。 5分で完璧に分かる!CSS Gridの基本的な使い方を解説 CSS Gridの実装で必要な基礎知識、主要なプロパティと用語をくわしく解説 CSS
CSS Gridはブラウザに2次元のレイアウトを作成できるCSSの素晴らしい機能です。今までの実装方法に比べて、HTMLはより簡単で、CSSはより堅牢に実装することができます。 そんなCSS Gridの唯一の問題点は、ブラウザのサポートでしょう。 2018年4月現在、IE11のサポートが完全とは言えない状況ですが、IEへの対応のポイントをしっかり押さえておけば、CSS Gridでレイアウトを実装することができます。flexboxやfloatをフォールバックとして使用する必要もありません。 CSS Gridを使用する際、IE11にどのように対応させるのか、その注意点と実装方法を紹介します。 CSS Grid Application Layout in Production 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 最初は、C
最近大学時代の同期と飲んだらMSに転職したので 現在から過去の案件で産廃IEくたばれと心底思った発生した事象と対策を書いていきます 他にもこんなことあったぜ!って意見ありましたらお待ちしております。 キャッシュ Windows10のIE11で遭遇した事象 ログイン→ログアウト→別アカウントログイン したときの挙動が最初のログインアカウントの状態のレスポンスが返ってくる Authorization: Bearerヘッダーが再ログインしても前のBearerトークンが残り続ける APIレスポンスが前回のものが返ってくる JSのすごい人に助けてもらいました・・・ ClearAuthenticationCacheを無効にする リクエストキャッシュしないようにリクエストパラメータ末尾に日付をつける→jQueryでもこの方法で回避しているらしい これIEのバグですよね? // ClearAuthenti
バージョンごとに進化するIEのバグ 備忘録も兼ねて記事にまとめました。 バグについての解決策と補足も併せて記載してますが、 記事に記載されていない遭遇率高めのバグやより良い解決策などがあれば、是非フィードバックをお願いします。 まとめてみた所感としては、IE6の頃から根本的な部分は変わってない気がします。 (ただし、パフォーマンスが大幅にアップしたのは認める。) IE11はWindows10の場合、2025年までサポートが続きます。 https://support.microsoft.com/ja-jp/lifecycle/search/18165 ナンテ/(^o^)\\(^o^)//(^o^)\\(^o^)//(^o^)\コッタイ もうね...アボカドまるごとバナナかと。 ちなみに今年の4月でVistaがサポート終了するので、1ヶ月後にはIE9を窓から放り投げてOKです。 https:/
今日は小ネタですが、内容は大きいです。サイトでサポートするブラウザからIE 9やIE 10をを切り捨てて、IE 11だけ気にすればよくなる日が近づいています。つまり、HTML5やCSS 3を安心して使えるようになるということです。Vistaのサポートが終了する4月11日が待ち遠しいですね! Windows Vista SP2の延長サポートは2017年4月11日に終了4月11日から、IE 9もIE 10もサイトでサポートしなくてよくなります。 というのも、マイクロソフトは、Windows Vista Service Pack 2(Vistaの最終バージョン)の延長サポートを2017年4月11日に終了するのです。 「延長サポート」とは、メインストリームサポートが終了したあとに、セキュリティ更新プログラムを提供するサポート期間です。延長サポートが終了するということは、セキュリティに問題があっても
ということは、サイトで古いIEを正式にサポートしなくてよくなるのです! あの、制作者を悩ませ、「とはいえ対応しなきゃいけないから」と対応を依頼すると見積額と納期が上乗せされる、あのIE対応が不要になるのです! IE 6はすでに日本で0.02%にまで利用率が落ちていますが、ほとんどの場合で一気にIE 10まで対応しなくてよくなるのは、ありがたいことですよね。 古いIEに対応しなくていいということはどういうことかというと、いわゆる「モダンブラウザ対応」つまり「Web標準に則った作り方」をするだけで、ブラウザ対応のほとんどの部分が大丈夫になるということです(完ぺきじゃないですけどね……)。 とはいえ、使っているユーザーがいる限りは……とは言うものの、こんなことが語られる職場もあることでしょう。 数%でも利用しているユーザーがいる限りは、サポートするべきだ。 企業ユーザーはIEが多いのだから、B2
明日1月13日を最後に、日本でのIE8、IE9、IE10の正式サポートも終了(ただしVistaのみIE 9を来年までサポート)。実質的にモダンブラウザ支配の時代へ マイクロソフトは米国時間の1月12日に、「End of Life」と呼ばれるInternet Explorer 8、9、10のサポート終了に伴う更新プログラム(KB3123303)を配布します。 これはマイクロソフトがInternet Explorer 8、9、10のサポートを終了することに伴う措置で、この更新プログラムを適用すると、最新のInternet Explorer 11よりも古いバージョン、つまりInternet Explorer 8、9、10を利用している場合に、Internet Explorer 11へアップグレードするように促す通知が出るとのことです。 ただしWindows Vista SP2だけは、OSの延長サ
世界中で広く使われているインターネットの閲覧ソフト「インターネット・エクスプローラー」について、開発したマイクロソフトは、最新版以外のセキュリティー対策を12日で終了します。専門家は、サイバー攻撃が巧妙化するなかで、ソフトウエアメーカーの対策には限界があり、利用する個人や企業などの側でのセキュリティー対策がより重要になっていると指摘しています。 マイクロソフトは、「インターネット・エクスプローラー」でサイバー攻撃を受けるおそれがあるプログラム上の弱点が見つかった場合、「パッチ」と呼ばれるばんそうこうのような修正プログラムを作り、無料で配布しています。 しかし、先月までの2年間に見つかり「パッチ」を作成した弱点は合わせて527にも上り、そのうちの85%は情報漏れにつながるおそれがある危険性が高いものとなっています。 このため、マイクロソフトは、これまでの態勢で安全対策を続けるのは難しくなった
サポートポリシー変更により、古い Internet Explorer (IE) のサポートが終了する件 Microsoft が約 1年半前に発表した IE のサポートポリシー変更の適用が、2016年1月12日 (米国時間) に迫ってきました。Windows OS のバージョンごとに、2016年1月12日以降も利用可能な IE のバージョン等をまとめてみました。 Microsoft が Internet Explorer (以下、IE) のサポートポリシー変更を公式に発表し、「古い IE のサポートは 2016年 1月 12日 (米国時間) まで」 としたのは、2014年の 8月 (下記リンク参照) でした。その時はまだ 1年半もあるじゃねーかと思ったものですが、早いものでその期日があと数日まで迫っています。 当時のアナウンス 最新の" Internet Explorer "をご利用ください
Please go here to search for your product's lifecycle. Internet Explorer (IE) 11 is the last major version of Internet Explorer. On June 15, 2022, the Internet Explorer 11 desktop application ended support on certain versions of Windows 10*. Customers are encouraged to move to Microsoft Edge, which provides support for legacy and modern websites and apps. For organizations with a dependency on leg
Windows 10にバンドルされた新しいWebブラウザー「Microsoft Edge」(以降、Edge)は、マイクロソフトCEOのサティア・ナデラ氏の思想が全面に打ち出されたブラウザーです。 ナデラ氏の思想とは何でしょうか。2014年の春のことです。CEOがバルマー氏からエンジニア出身のナデラ氏に変わった際に、彼はこう語っています。 地球上のすべての人々と組織が、もっとたくさんのことを成し遂げ、もっとたくさんの成功が得られるようなパワーを得られるよう、マイクロソフトは生産性を改革しなくてはならない つまり、すべての人々・組織の生産性を変える活動こそが、マイクロソフトにとってのゴールになったのです。具体的には、さまざまなOSSプロダクトにマイクロソフトの社員がコミットしたり、Macユーザー向けに開発ツールを提供したり、AndroidやiOSといった他社OS向けのアプリの開発をしたりと、多
Windows 7向けのInternet Explorer 11が出たので、早速インストールした。おかしいところも特になく、F12ツールもずいぶん使いやすくなってるし最高かと思ったら、このウェブサイトのSVGのリサイズがちょっと変だった。11だけかと思ったら10もだった。少し前までのFirefoxみたいにCSSのbackground-imageプロパティー経由だとアレなのかとか色々調べてたみたけど、どうも違う。どうやらリサイズ後の縦横サイズが小数点以下を含むようなケースでぼやけるようだ。 Demo: SVG Resizing Bug on IE10から11 デモのように64.5pxのように小数点以下を含むサイズにリサイズすると、Internet Explorer 11(10も)では参考のスクリーンショットのようにぼやける。整数ピクセルでのリサイズやFirefox 25やChrome 30で
今日のデジタル社会において、数十億人の人々が仕事や生活の両方でインターネットに接続し、様々なアプリケーションやサービスを利用しています。オンラインのリスクを回避し、高速かつ最適な Web 体験を得るために、モダンなブラウザーを選択することは、ますます重要になってきています。 マイクロソフトは、より安全で高速なブラウザーをご提供し、ユーザーが常に最新バージョンの Internet Explorer を使えるよう継続的な投資を行なってきました。最新の Internet Explorer 11 では、セキュリティの向上やブラウジングの高速化、Web 標準サポートによる Web アプリの互換性向上など、開発者だけでなくユーザーにとっても多くのメリットがあります。 米国時間の 2014 年 8 月 7 日、マイクロソフトは Internet Explorer のサポートポリシーについて、重要なお知ら
Microsoftの本気をみた!新しいWebブラウザ「Microsoft Edge」にかける思いとは? 仲 裕介(HTML5 Experts.jp副編集長) みなさん、昨日公開の、de:code2015 キーノートレポート(前編/後編)はご覧いただけましたか? 2日目の今日は、HTML5Experts.jpオススメセッションのレポートを速報でお届けします! マイクロソフトのWebブラウザのいままでとこれから HTML5 Experts.jpのエキスパートであり、日本マイクロソフトのエバンジェリストである春日井さんのセッションです。 IE9は大きなターニングポイントだった マイクロソフトはブラウザをレガシーブラウザとモダンブラウザに分類しています。Windows8までは、以下のように、IE8以前はレガシーブラウザ、IE9からはモダンブラウザという括りになります。 IE9からモダンブラウザと言
Internet Explorer 7から対応したHTML/CSS/JS Internet Explorer 7はMicrosoft社から2006年10月18日(日本語版は11月2日)にリリースされたウェブブラウザ。 HTML 透過PNGフォーマット abbr要素 CSS 子供セレクタ(親要素 > 子要素 ) 隣接セレクタ(要素1 + 要素2) 間接セレクタ(要素1 ~ 要素2) 属性セレクタ([属性名], [属性名="属性値"], [属性名~="属性値"], [属性名|="属性値"]) a要素以外をセレクタにした:hover擬似クラス, :active擬似クラス :first-child擬似クラス max-widthプロパティ, max-heightプロパティ min-widthプロパティ, min-heightプロパティ positionプロパティの fixed の値 border-c
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く