Browsers technologies we can use in a new project
Introduction
With the beginning of a new project, targeting 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/ .
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 |
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 |
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 |
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 |
State of distributed events in node.js A strategy for i18n in node.js server templates
