h1. Introduction
With the beginning of a new project, targetting a modern web interface (SPA), we should list what emerging technologies we decide we can use. This list is issued from the data of http://caniuse.com/ .
h1. Responsive design
The responsive design is a key to create adaptive layouts without creating an army of distinct templates.
||technology||allowed ?||comments||
| media queries | yes | supported by all major browsers, IE >= 9 |
| multi columns | yes | supported by all major browsers, IE >= 10 |
| text overflow | yes | supported by all major browsers, IE >= 6 |
h1. CSS properties
The advanced CSS properties can ease the pain of creating sexy interfaces.
||technology||allowed ?||comments||
| inline blocks | yes | supported by all major browsers, IE >= 8 |
| min/max-with/height | yes | supported by all major browsers, IE >= 7 |
| animations | yes | supported by all major browsers, IE >= 10 |
| border radius | yes | supported by all major browsers, IE >= 9 |
| selectors | yes | supported by all major browsers, IE >= 9 |
| generated content | yes | supported by all major browsers, IE >= 9 |
h1. JS API
||technology||allowed ?||comments||
| web sockets | yes (with fallback) | supported by all major browsers, IE >= 10, Android >= 4.4 |
| web workers | yes (with fallback) | supported by all major browsers, IE >= 10, Android >= 4.4 |
| page visibility | yes (with fallback) | supported by all major browsers, IE >= 10, Android >= 4.4 |
| indexedDB | no | no support on safari |
| cross origin resources | yes | supported by all major browsers, IE >= 10 |
| strict mode | yes | supported by all major browsers, IE >= 10 |
h1. HTML5
||technology||allowed ?||comments||
| canvas | yes | supported by all major browsers, IE >= 9 |
| datalist | no | no IE support |
| details & summary | no | no support IE and Firefox |
| drag'n'drop | yes | supported by all major browsers, IE >= 10 |
| placeholder attribute | yes | supported by all major browsers, IE >= 10 |
| offline cache | yes | supported by all major browsers, IE >= 10 |
| progress & meters | no (or with fallback) | no IE support |
| canvas text API | yes | supported by all major browsers, IE >= 10 |
| WOFF | yes | supported by all major browsers, IE >= 9, android >= 4.4 |
| new semantic elements (article, nav...) | yes | supported by all major browsers, IE >= 9 |
With the beginning of a new project, targetting a modern web interface (SPA), we should list what emerging technologies we decide we can use. This list is issued from the data of http://caniuse.com/ .
h1. Responsive design
The responsive design is a key to create adaptive layouts without creating an army of distinct templates.
||technology||allowed ?||comments||
| media queries | yes | supported by all major browsers, IE >= 9 |
| multi columns | yes | supported by all major browsers, IE >= 10 |
| text overflow | yes | supported by all major browsers, IE >= 6 |
h1. CSS properties
The advanced CSS properties can ease the pain of creating sexy interfaces.
||technology||allowed ?||comments||
| inline blocks | yes | supported by all major browsers, IE >= 8 |
| min/max-with/height | yes | supported by all major browsers, IE >= 7 |
| animations | yes | supported by all major browsers, IE >= 10 |
| border radius | yes | supported by all major browsers, IE >= 9 |
| selectors | yes | supported by all major browsers, IE >= 9 |
| generated content | yes | supported by all major browsers, IE >= 9 |
h1. JS API
||technology||allowed ?||comments||
| web sockets | yes (with fallback) | supported by all major browsers, IE >= 10, Android >= 4.4 |
| web workers | yes (with fallback) | supported by all major browsers, IE >= 10, Android >= 4.4 |
| page visibility | yes (with fallback) | supported by all major browsers, IE >= 10, Android >= 4.4 |
| indexedDB | no | no support on safari |
| cross origin resources | yes | supported by all major browsers, IE >= 10 |
| strict mode | yes | supported by all major browsers, IE >= 10 |
h1. HTML5
||technology||allowed ?||comments||
| canvas | yes | supported by all major browsers, IE >= 9 |
| datalist | no | no IE support |
| details & summary | no | no support IE and Firefox |
| drag'n'drop | yes | supported by all major browsers, IE >= 10 |
| placeholder attribute | yes | supported by all major browsers, IE >= 10 |
| offline cache | yes | supported by all major browsers, IE >= 10 |
| progress & meters | no (or with fallback) | no IE support |
| canvas text API | yes | supported by all major browsers, IE >= 10 |
| WOFF | yes | supported by all major browsers, IE >= 9, android >= 4.4 |
| new semantic elements (article, nav...) | yes | supported by all major browsers, IE >= 9 |