Web Development w/ IE6 (like it’s 2018!)

Web Development w/ IE6 (like it’s 2018!)

@ QueensJS #47

Follow Melody on Twitter: https://twitter.com/pixelyunicorn

D6e6de8a5d1bd38cb31b668209d956ce?s=128

Inky Collective

November 08, 2018
Tweet

Transcript

  1. 4.
  2. 5.
  3. 6.
  4. 7.
  5. 20.

    19:21 file://c/Screen%20Shot%202018-­11-­07%20at%2016.16.21.png Screen Shot 2018-11-07 at 16.16.21.png – Microsoft Internet

    Explorer • Schools. Especially schools. • (Governments too!) • That’s 45% of all users.
  6. 21.

    19:21 about:blank – Microsoft Internet Explorer about:blank As a freelancer,

    IE6 is the bane of my existence. • (but I’ll phrase it as a “challenge” in job interviews to give it a positive spin)
  7. 24.

    19:21 19 Things We Did In 1997 That Feel Weirdly

    Outdated Today – BuzzFeed – Microsoft Internet Explorer https://www.buzzfeed.com/briangalindo/no-­one-­does-­this-­anymore
  8. 25.

    19:21 19 Things We Did In 1997 That Feel Weirdly

    Outdated Today – BuzzFeed – Microsoft Internet Explorer https://www.buzzfeed.com/briangalindo/no-­one-­does-­this-­anymore https://www.buzzfeed.com/briangalindo/no-­one-­does-­this-­anymore 19  Things  We  Did  in  1997
  9. 26.

    19:21 19 Things We Did In 1997 That Feel Weirdly

    Outdated Today – BuzzFeed – Microsoft Internet Explorer https://www.buzzfeed.com/briangalindo/no-­one-­does-­this-­anymore https://www.buzzfeed.com/briangalindo/no-­one-­does-­this-­anymore 19  Things  We  Did  in  1997
  10. 27.

    19:21 19 Things We Did In 1997 That Feel Weirdly

    Outdated Today – BuzzFeed – Microsoft Internet Explorer https://www.buzzfeed.com/briangalindo/no-­one-­does-­this-­anymore https://www.buzzfeed.com/briangalindo/no-­one-­does-­this-­anymore 19  Things  We  Did  in  1997
  11. 29.

    19:21 about:blank – Microsoft Internet Explorer about:blank Also in 1997…

    • Was the year some schools signed a 40-year tech agreement with... Aramark • 1997 + 40 = 2037 https://en.wikipedia.org/wiki/Aramark Aramark  -­ Wikipedia
  12. 30.

    19:21 about:blank – Microsoft Internet Explorer about:blank Also in 1997…

    • Was the year some schools signed a 40-year tech agreement with... Aramark • 1997 + 40 = 2037 http://www2.philly.com/philly/opinion/commentary/palumbo-­flooding… Philly.com
  13. 32.

    19:21 jQuery 1.9 is your friend! • Last supported version

    of jQuery in IE6. • Supports 80% of the features in jQuery 3.1 about:blank – Microsoft Internet Explorer about:blank
  14. 33.

    19:21 No DevTools, (or Firebug) about:blank – Microsoft Internet Explorer

    about:blank You  could  use  IE8’s   Developer  Tools…   but  that  is  cheating!
  15. 34.

    19:21 CSS grid is cool… but have you used <table>?

    about:blank – Microsoft Internet Explorer about:blank
  16. 35.

    19:21 You’re better off using Frontpage 2003 LOL • Any

    site builder that supports IE6 out of the box is better than trying to figure out what works from scratch. about:blank – Microsoft Internet Explorer about:blank
  17. 40.

    19:21 about:blank – Microsoft Internet Explorer about:blank How to build

    sites for IE6 …in 2018 • Make a 100% static, non-HTTPS version your site! • Chances are, the site will load but slightly broken
  18. 41.

    19:21 “Graceful Degradation” • At the minimum, make your content

    readable! about:blank – Microsoft Internet Explorer about:blank
  19. 48.

    19:21 Hack Club – Microsoft Internet Explorer http://hackclub.com/ BY  THE

     STUDENTS,  FOR  THE  STUDENTS High  school  coding  clubs. 280  schools    35  states    15  countries Hack  Club  is  a  network  of  computer  science  clubs  where  members  learn  to  code  through   tinkering  and  building  projects. Hack  Club
  20. 49.

    19:21 Hack Club – Microsoft Internet Explorer http://hackclub.com/ BY  THE

     STUDENTS,  FOR  THE  STUDENTS High  school  coding  clubs. 280  schools    35  states    15  countries Hack  Club  is  a  network  of  computer  science  clubs  where  members  learn  to  code  through   tinkering  and  building  projects. Hack  Club Use  alt  text  in   place  of  images   and  logos!  (Great   for  accessibility   too!) Set  a  background   color  as  a  fallback.   It’s  that  simple.
  21. 52.