画像で分かる、新しいCSS

2022/06/21 326 users 新しいCSS 画像 Twitter CSSプロパティ CSS

この記事では、比較的新しいCSSプロパティやCSSの機能を画像で分かりやすく解説しています。 2021年にTwitterで「1枚の画像で新しいCSSがわかる」という連載をしていたのですが、その投稿内容をまとめて解説文などをブラッシュアップしたものです。 IE11のサポートが終了したことで、ほとんどのCSSプロパティやCSSの機能... 続きを読む

ヤフーのIE11 サポート終了の進め方

2022/02/16 322 users ヤフー 全社 koh110 CTO室 進め方

こんにちは。第11代黒帯（Webフロントエンド／ヤフー内のスキル任命制度）の伊藤（@koh110）です。 普段はCTO室にあるWebフロント技術室で、全社のフロントエンドに関わる仕事をしています。 最近の仕事のひとつとして、IE11 の非推奨の案内 がありました。 Yahoo! JAPANでは、Internet Explorer 11を推奨ブラウザーとし... 続きを読む

Chromeもダメ、Edgeもダメ...　マイナポイント予約、PCは「IE11」のみ対応です: J-CAST ニュース【全文表示】

2020/07/05 670 users J-CAST Edge Chrome マイナポイント予約

2020年7月1日、総務省によるマイナンバーカードを持つ人に買い物などで使えるポイントを還元する「マイナポイント」の利用申し込みの受け付けが始まった。 しかし、パソコンの利用環境などで「予約ができない」といった声が上がっている。J-CASTニュースは、総務省マイナポイント施策推進室にメールで取材を行った。 「... 続きを読む

いよいよ？まだまだ？IE11のサポート終了までのカウントダウンが始まる | コリス

2019/10/21 105 users コリス padding margin supports 足かせ

Web制作において悩みの種の一つが、IE11のサポートです。 main要素に垂直方向のmargin, paddingが効かない、CSS Grid、変数、@supportsなど、IE11が足かせになって使用に躊躇している人も少なくないと思います。 IE11のサポート終了までのカウントダウンが始まりました。 IE11のサポート終了までのカウントダウン IE11は... 続きを読む

GitHub Actions で Windows IE11 と Mac Safari を selenium-webdriver で動かす - Qiita

2019/09/19 214 users Ubuntu Qiita Safari Windows Mac

GitHub Actions で Windows IE11 と Mac Safari を selenium-webdriver で動かす 最近得た天啓で、 「GitHub Actions はコンテナを windows / mac / ubuntu から選べる」ということは、 本物の safari と ie11 を selenium-webdriver で動かすことができるのでは？」 と思ってガチャガチャやってみたら、なんとできてし... 続きを読む

［速報］次期Micrsoft Edgeに「Internet Explorer mode」搭載。企業向けにIE11のレンダリングも提供。Microsoft Build 2019 － Publickey

2019/05/06 458 users マイクロソフト Internet 米シアトル レンダリング

［速報］次期Micrsoft Edgeに「Internet Explorer mode」搭載。企業向けにIE11のレンダリングも提供。Microsoft Build 2019 マイクロソフトは米シアトルで開催中のイベント「Microsoft Build 2019」で、次期Microsoft Edgeの企業向け新機能としてInternete Explorer 11と同じ機能をMicrosoft Edge内で提供する「Internet... 続きを読む

IEでも大丈夫！CSS Gridを使用する時の注意点と実装方法 | コリス

2018/04/06 132 users 堅牢 CSS レイアウト HTML コリス

CSS Gridはブラウザに2次元のレイアウトを作成できるCSSの素晴らしい機能です。今までの実装方法に比べて、HTMLはより簡単で、CSSはより堅牢に実装することができます。 そんなCSS Gridの唯一の問題点は、ブラウザのサポートでしょう。 2018年4月現在、IE11のサポートが完全とは言えない状況ですが、IEへの対応のポイントをしっかり押さえておけば、CSS Gridでレイアウトを実装す... 続きを読む

flexboxのバグに立ち向かう（flexbugsスクリーンショット集） - Qiita

2016/08/14 494 users Qiita Flexbox スクショ パク レイアウト

flexbox使ってますか？バグつらいですね。必死に組んだレイアウトがIE11で崩れる様を見て、膝から崩れ落ちたことは何度もあります。 Solved by Flexbox の作者でもある、philipwaltonさんの flexbugs という素晴らしいflexboxのバグまとめがあるんですが、いかんせん分量が多くて読むのが辛いです。 そこで、今回はflexbugsに上がっているバグのスクショを一... 続きを読む

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

[CSS]この発想はすごい！画像をモザイクからくっきり見せるスタイルシートのテクニック | コリス

2014/06/20 182 users コリス ナイスアイデア CSS モザイク 発想

一枚の画像を使って、モザイク状の画像をアニメーションで少しずつくっきりさせるスタイルシートのテクニックを紹介します。 もうほんと、ナイスアイデア！　コードを見る前に実装方法をちょっと考えてみてください。 ↓はブラウザでの表示をアニメーションgifにしたものです。 実際の動作は、Chrome, Safari, Firefox, IE11でお楽しみください。 Gif Style CSS3 Animat... 続きを読む

はてなブログが遅いのはだいたいJavaScriptのせい - もふぬこ戦記

2014/03/11 437 users ふぬこ戦記 苦笑 2014-03-11 ブラウザ 原因

2014-03-11 はてなブログが遅いのはだいたいJavaScriptのせい はてなブログって重いですよね～・・・ ブラウザ変えたら早くなるかなと思ってIE11、Firefox、Google Chromeで計測してみたけど、どれもそんなに差は出なくてどれも遅い（苦笑） いったい何が原因なのかなと調べていったら、JavaScriptのせいでした。 「もふぬこ戦記」のトップページを計測しました。 使... 続きを読む

HTML5で燃えさかる炎の表現に挑戦！ WebGL対応のJSライブラリAway3Dはパーティクル機能がかなり魅力的 | ClockMaker Blog

2014/01/07 208 users WebGL対応 ClockMaker Blog 挑戦 表現

HTML5で燃えさかる炎の表現に挑戦！ WebGL対応のJSライブラリAway3Dはパーティクル機能がかなり魅力的 先日の記事で紹介したWebGLに対応したJavaScriptライブラリ「Away3D TypeScript」ですが、燃え盛る炎の表現を作成してみました。 デモは以下から試せますので、ぜひWebGL対応のブラウザ(Chrome, Firefox, IE11)を使ってご覧下さい。 Dem... 続きを読む

IE11 でユーザエージェント文字列から 「MSIE」 が消えた件 | WWW WATCH

2013/07/04 358 users MacBook Pro プレビュー版 とおり 進化 MSIE

先月末に Windows 8.1 のプレビュー版が公開され、早速手持ちの MacBook Pro に入れてみたっていう話は先日書いたとおりですが、Internet Explorer 11 （IE11） については細かく触れなかったのでまとめておこうと思います。 IE11 になって機能追加やレンダリングエンジン周りの進化もかなりありましたが、それとあわせてユーザエージェント文字列が大幅に変更された結... 続きを読む