Front-end development after Internet Explorer

16
Front-End Development aſter Internet Explorer Adrian Sandu, @adysandu 5 July 2016, DublinCSS Cover Artwork by SitePoint/Natalia Balska https://www.sitepoint.com/cleaning-house-after-internet-explorer/ https://www.sitepoint.com/front-end-development-internet-explorer/

Transcript of Front-end development after Internet Explorer

Front-End Development after Internet Explorer

Adrian Sandu, @adysandu5 July 2016, DublinCSSCover Artwork by SitePoint/Natalia Balska

https://www.sitepoint.com/cleaning-house-after-internet-explorer/https://www.sitepoint.com/front-end-development-internet-explorer/

Once upon a Time...

Beginning of the End for oldIE

12 January 2016 – last support patch for IE8, IE9, IE10

Should we drop support?

NO YES

Hasta la Vista, Baby!

● Throw away the browser hacks● Bye bye conditional comments● Slim down your JavaScript libraries● Remove proprietary CSS values● Get rid of obsolete Meta tags● Clean up your custom web fonts● Simplify your cross-browser testing

Throw Away the Browser Hacks

For more info visit Browserhacks.com

Bye Bye Conditional Comments

Slim Down Your JavaScript Libraries

Remove Proprietary CSS Values

Get Rid of Obsolete Meta Tags

Clean up Your Custom Web Fonts

Simplify Your Cross-Browser Testing

Out with the old, in with the new!

NEWOLD

Flexbox

CSS Animations(2D/3D transitions and transforms)

Multi-column layout

CSS Gradients

SVG Filters

Pointer events

New attributes:● Autofocus● Dataset & data-* attributes● hidden, placeholder,

spellcheck, pattern

classList(DOMTokenList)

PNG favicons

New input types(email, telephone, URL, range)

<progress>

iframe sandbox

Questions?