Browser

Microsoft Edge(Project Spartan, Internet Explorer) 、ブラウザ周辺、Web フロントエンド開発、UI、など

Microsoft Edge まとめページ

開発

Project Spartan の about:flags で新機能を試せることに今更気づいた(Windows Insider Preview Build 10074)

Microsoft Edge Dev Blog に記載されており気づきました。 <a href="https://blogs.windows.com/msedgedev/2015/05/12/javascript-moves-forward-in-microsoft-edge-with-ecmascript-6-and-beyond/" data-mce-href="https://blogs.windows.com/msedgedev/…

status.modern.ie 5月の変更

status.modern.ie の変更内容前回調べた日付は4月8日です。 変更内容 開発中から Preview Release へ変更 ASM.jsDefault parameterGenerators<main> elementMedia Capture and StreamsRegExp Built-ins (ES6) 検討中から開発中へ変更 Ambient Light Events 検討中</main>…

Project Spartan の getUserMedia API (Windows 10 Insider Preview Build 10074)

Media Capture and Streams/getUserMedia APIローカルデバイスのマイクやカメラにアクセスするための API です。 status.modern.ie でしれっと getUserMedia が Preview Release になっておりました。 Internet Explorer Web Platform Status and Roadmap - …

Fullscreen API と 闇

Fullscreen API は動画再生やゲームなど全画面にし没入させたい時などに使います。 iOS Safari と Opera Mini, Android Browser 以外のモダンブラウザで動作するようです。 Can I use... Support tables for HTML5, CSS3, etc

新しい Loader UI、マグローダー

職場でつくってたテクスチャを流用し加工してみました。 マグローダー ただ CSS のアニメーションで 360度 回しているだけです。CSS の calc() を使っている為モダンブラウザでないと見れません。 マグロ画像 URL http://toshihirogoto.github.io/maguroader…

Spartan で CSS image-set / <img srcset> 使ってみる?(Windows 10 Technical Preview Build 10049)

CSS image-set が Preview Release になったということで試してみました。 CSS image-set とは? 今まで低,高解像度の画像や背景画像を端末別に表示するには複数のタグ、CSS を使用したり JavaScript を駆使する必要がありましたが、この機能を使うと1つのタ…

Spartan で Conditional Rules / CSS.supports() 使ってみる(Windows 10 Technical Preview Build 10049)

Spartan で Conditional Rules ( CSS.supports() ) が使用可能になったので試してみました。 各ブラウザーでの状況 http://caniuse.com/#feat=css-supports-api 現状 Sarfari / Opera Mini では非対応のようです。 使い方 こちらで "display: flex" に適応で…

status.modern.ie 4月の変更

status.modern.ie の変更内容を定期的に書いていこうと思います。前回調べた日付は3月10日です。 変更内容 Preview Release へ新規追加 ARIA Landmanrk RolesCSS Gradiet MidpointsFullscreen API 開発中から Preview Release へ変更 Conditional RulesDate …

Project Spartan で Google Polymer が動かない(Windows 10 Technical Preview Build 10049)

訂正 Google Polymer 1.0、Build 10130 で動作するようになりました。 Google Polymer 1.0 が Project Spartan (Microsoft Edge) で動作しました (Windows 10 Insider Preview build 10130) - Browserbrowser.hatenablog.com 以下の通り Spartan で閲覧する…

Internet Explorer 11 の F12 開発ツールは計算済みのスタイルを変更できる

Chrome、Safari、Firefox 等の「計算済み」「Computed」に当たる IE11 の F12 開発ツールの「属性」。こいつは、そのタグに適応されているすべての CSS のプロパティを列挙して表示することができます。 あんまり知られていませんが、IE11 では「属性」で表…

Internet Explorer 11 で、描画時間、フレーム率、メモリ、CPU使用量をささっと見る。

IE11 を起動して Ctrl + Shift + U か もしくは Alt + T > パフォーマンス ダッシュボード クッリック。 ダッシュボードが IE の全面にでて、ぱっと確認する場合に非常に便利。 描画時間 フレーム率 メモリ使用量 CPU使用量 この4つの項目とネットワークの要…

スポンサーリンク