Browser

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

Microsoft Edge まとめページ

CSS

Microsoft Edge で Touch-action: pan-up pan-down pan-left pan-right CSS properties が検討中のステータスに

Chrome で実装途中の機能が Edge で検討中になりました。 参照元 developer.microsoft.com パンアップ、パンダウン、パンレフト、パンライトの CSSタッチアクションプロパティを固有の操作方向での処理を追加させます。 恐らくこちらは Pointer Events の仕…

Microsoft Edge の機能を調べてみた - CSS Preserve-3d 編

やっと入った CSS Preserve-3d。現状、モダンブラウザで WebGL が動くため使用頻度は少なくなるかもしれませんが、簡単な 3D の表現を行う場合にはこちらの方が手軽にできるケースもあると思われます。 上が Edge、下が Internet Explorer 11。 IE は Preser…

Spartan で CSS の border-image を使ってみる。

普段 CSS の border で色を指定していますがそれを画像にすることができるプロパティです。4隅と4辺に画像が適応できます。所謂、スマートフォンアプリやゲーム制作でつかわれている9パッチと呼ばれるものです。こちら IE 11 から使用できます。 対応状況は…

CSS background-size: cover; を JS ファイルを使わずにやるやつ for IE7 / IE8

太古の昔 CSS 追加された behavoir を使います。IE 5.0 から追加された HTML、JavaScript などで構成される HTC(HTML Component)ファイルを呼ぶ機能です。 これは自分の覚書で今回の内容は他のブログ等にも書かれています。 サンプル Background-size: cov…

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" に適応で…

スポンサーリンク