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/ .
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