個人用のメモです。
そもそも以下を見れば一目瞭然ですが、
http://caniuse.com/#compare=ie+8,ie+9
ウェブ制作の現場ですぐにでも利用できそうなものをリストアップする目的です。
個別の動作確認はしていません。
あくまでCan I Useからリストアップしたまでです。
- SVG (basic support)
- Canvas (basic support)
- Audio element
- Video element
- CSS background-position edge offsets
-
CSS3 Background-image options
- background-clip
- background-origin
- background-size
- CSS3 Multiple backgrounds
-
CSS3 Colors
- rgba()
- hsl()
- hsla()
- CSS3 Media Queries
- CSS3 2D Transforms
- EventTarget.addEventListener()
- getElementsByClassName
Windows Vistaを無視する場合
OSのシェアにもよりますが、Windows Vistaを無視してWindows7以上を動作保証範囲とする場合、Windows7のサポートブラウザがIE11以上になりますので、より多くの機能を使用することができそうです。
http://caniuse.com/#compare=ie+9,ie+10,ie+11
- calc() as CSS unit value
-
Viewport units (Partial)
- vw
- vh
- vmin
- rem (root em) units
- CSS3 3D Transforms (Partial)
- CSS3 Text-shadow
- CSS3 Multiple column layout
- CSS Gradients
- CSS Repeating Gradients
- CSS3 Transitions
- CSS Animation
- CSS pointer-events
- CSS3 Border images
- File API (Partial)
- SVG filters
- WebGL - 3D Canvas graphics
- let
- const
- Element.insertAdjacentHTML()
- Mutation Observer
ほかにもあれば随時追加していきます。