drop-ie8
drop-ie8 copied to clipboard
Just listing the cool stuff we'll be able to use safely once we drop IE8 support in our apps
DROP IE8
HTML5
- Form validation
- Geolocation
-
<video>
&&<audio>
CSS
-
border-radius
(full support : no graceful degradation/weird HTC-based solutions anymore) -
box-shadow
(same thing) -
opacity
(without extra syntax) -
background-position
's new syntax (http://tanalin.com/en/blog/2011/09/css3-background-position/) -
@font-face
: no more EOT files (WOFF may even be enough at all ?) -
rem
font sizing - Alpha channel in colors :
rgba
,hsla
- Advanced selectors :
:last-child
,:nth-child
,:first-of-type
... -
:empty
: https://developer.mozilla.org/en-US/docs/CSS/:empty -
:not
: https://developer.mozilla.org/en-US/docs/Web/CSS/:not -
calc()
: https://developer.mozilla.org/en-US/docs/CSS/calc - Multiple backgrounds : http://www.css3.info/preview/multiple-backgrounds/
-
background-size
: https://developer.mozilla.org/en-US/docs/Web/CSS/background-size -
:checked
: http://css-tricks.com/the-checkbox-hack/ - Canvas
- SVG (THIS : http://coding.smashingmagazine.com/2014/03/05/rethinking-responsive-svg/)
-
transform
: https://developer.mozilla.org/en-US/docs/Web/CSS/transform - proper syntax for
::before
and::after
JS
- jQuery can be avoided for basic stuff (and 2.0 is usable if needed) :
$ = document.querySelector.bind(document);
Element.prototype.on = Element.prototype.addEventListener;
$('.lol').on('click', function() {});
- Websockets
-
Element.prototype.getElementsByClassName
-
getComputedStyle
-
Node.prototype.addEventListener
-
Function.prototype.bind
-
Object.create
-
Object.keys
-
Array.prototype.forEach
,Array.prototype.map
,Array.prototype.filter
,Array.prototype.reduce
… - and nearly every ES5 features (except strict mode)