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

@ QueensJS #47

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

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