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. 19:21 12:42 PM Web Development (like it’s 2018!) By Melody

    Starling @pixelyunicorn
  2. 19:21 12:42 PM

  3. 19:21 (lol nope)

  4. 19:21

  5. 19:21

  6. 19:21

  7. 19:21

  8. 19:21 Web Development (like it’s 2018) By Melody Starling @pixelyunicorn

  9. 19:21 https://speakerdeck.com/pixely/spooking-­your-­friends-­with… SpeakerDeck

  10. 19:21 https://speakerdeck.com/pixely/spooking-­your-­friends-­with… SpeakerDeck Melody Starling @ QueensJS #47 @pixelyunicorn melody.cool

    Hai, I’m Melody!
  11. 19:21 https://speakerdeck.com/pixely/spooking-­your-­friends-­with… SpeakerDeck Melody Starling @ QueensJS #47 @pixelyunicorn melody.cool

    Hai, I’m Melody!
  12. 19:21 https://speakerdeck.com/pixely/spooking-­your-­friends-­with… SpeakerDeck Melody Starling @ QueensJS #47 @pixelyunicorn melody.cool

    Hai, I’m Melody! JS
  13. 19:21 https://speakerdeck.com/pixely/spooking-­your-­friends-­with… SpeakerDeck Melody Starling @ QueensJS #47 @pixelyunicorn melody.cool

    Hai, I’m Melody! JS
  14. 19:21 https://speakerdeck.com/pixely/spooking-­your-­friends-­with… SpeakerDeck Melody Starling @ QueensJS #47 @pixelyunicorn melody.cool

    Hai, I’m Melody! JS
  15. 19:21 https://speakerdeck.com/pixely/spooking-­your-­friends-­with… SpeakerDeck Melody Starling @ QueensJS #47 @pixelyunicorn melody.cool

    Hai, I’m Melody! JS
  16. 19:21 https://speakerdeck.com/pixely/spooking-­your-­friends-­with… SpeakerDeck Melody Starling @ QueensJS #47 @pixelyunicorn melody.cool

    I’m looking for a job! melody.cool
  17. 19:21 https://speakerdeck.com/pixely/spooking-­your-­friends-­with-­electron-­brooklynjs-­number-­59 SpeakerDeck – Microsoft Internet Explorer

  18. 19:21 file://c/rip-­ie.jpeg rip-ie.jpeg – Microsoft Internet Explorer

  19. 19:21 file://c/rip-­ie-­with-­hand.jpeg rip-ie-with-hand.jpeg – Microsoft Internet Explorer

  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.
  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)
  22. 19:21 about:blank – Microsoft Internet Explorer about:blank How did it

    be this way?? :O
  23. 19:21 about:blank – Microsoft Internet Explorer about:blank The year was

    1997
  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
  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
  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
  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
  28. 19:21 about:blank – Microsoft Internet Explorer about:blank Also in 1997…

    • 1997 + 40 = 2037 40-­year IT  contract
  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
  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
  31. 19:21 Lessons learned: about:blank – Microsoft Internet Explorer about:blank

  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
  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!
  34. 19:21 CSS grid is cool… but have you used <table>?

    about:blank – Microsoft Internet Explorer about:blank
  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
  36. 19:21 Example: FBI about:blank – Microsoft Internet Explorer about:blank

  37. 19:21 Example: FBI about:blank – Microsoft Internet Explorer about:blank

  38. 19:21 FBI Security – Microsoft Internet Explorer http://fbisecurity.com/

  39. 19:21 FBI Security – Microsoft Internet Explorer http://fbisecurity.com/

  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
  41. 19:21 “Graceful Degradation” • At the minimum, make your content

    readable! about:blank – Microsoft Internet Explorer about:blank
  42. 19:21 SEPTA Youth Advisory Council – Microsoft Internet Explorer http://septayac.com

    SEPTA  Youth  Advisory…
  43. 19:21 SEPTA Youth Advisory Council – Microsoft Internet Explorer http://septayac.com/

  44. 19:21 BrooklynJS – Microsoft Internet Explorer http://brooklynjs.com BrooklynJS

  45. 19:21 BrooklynJS – Microsoft Internet Explorer http://brooklynjs.com/

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

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

  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
  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.
  50. 19:21 https://speakerdeck.com/pixely/spooking-­your-­friends-­with… SpeakerDeck Melody Starling @ QueensJS #47 @pixelyunicorn melody.cool

    I’m looking for a job! melody.cool
  51. 19:21 https://speakerdeck.com/pixely/spooking-­your-­friends-­with… SpeakerDeck Melody Starling @ QueensJS #47 @pixelyunicorn melody.cool

    I’m also running a hackathon this weekend: CodeDay.org/ny
  52. 19:21