画像で分かる、新しい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 で動かすことができるのでは？」 と思ってガチャガチャやってみたら、なんとできてし... 続きを読む

IE11やEdgeにも対応できる、CSSだけで3行目でテキストの文末を「…」で省略する | かちびと.net

2019/07/24 56 users 文末 Edge CSS WebKit overflow

Result よくある、テキストの文末を省略するやつです。 1行に限らず、3行目、5行目など、n行で省略可能でWebkitやFirefoxはもちろん、IE11やEdgeもサポートしたコードです ↑ IE11で確認したスクショです。Penは非対応だったのでjsfiddleで確認しています css p { line-height: 1.4; max-height: 4.2em; overflow: hidden... 続きを読む

［速報］次期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... 続きを読む

hontの文字表示がおかしい（というか游ゴシックがクソだった話） - PG日誌

2016/01/13 60 users honto ブラウジング 游ゴシック 雑記 回答

2015 - 07 - 23 hontの文字表示がおかしい（というか游ゴシックがクソだった話） 雑記 当方、 Windows8 .1環境でchorome44とIE11でhontのサイトを ブラウジング するとこんな表示がされます。 なんか薄い文字がかすれて表示されるのですが、hontさんに問い合わせたところ以下のように丁寧に回答がありました。 お問い合わせいただきありがとうございます。 honto... 続きを読む

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

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

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

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

IE11 の新機能 – エンタープライズ モード | Hebikuzure's Tech Memo

2014/04/04 62 users エンタープライズ モード ダウン リリース 変更点

Build 2014 で Windows 8.1 Update のリリースが公表され、それと共に Internet Explorer 11 も更新される事になりました。Windows 8.1 Update では色々な変更点がありますが、Internet Explorer 11 での大きな変更点は、「エンタープライズ モード」 (Enterprise Mode) の追加でしょう。またこの変更はダウン... 続きを読む

はてなブログが遅いのはだいたい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... 続きを読む

IEのバージョンごとの機能の違い、選定の目安 - ふろしき.js - 実用的なWeb技術を発信

2013/12/09 83 users ふろしき.js 選定 目安 IE1 バージョン

2013-12-10 IEのバージョンごとの機能の違い、選定の目安 IE IE8 IE9 IE10 IE11 私はIEの中の人ではないので、IE開発者がどういう考えを持っているかはわかりません。しかし、断言して言えることがあります。最近のIEは各バージョンで明らかに意図したテーマを持ち、リリースされています。各バージョンのテーマを、運用するシステムの目的と照らし合わせれば、定量的にどのバージョンを... 続きを読む

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

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

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