BASTA 2016 keynote

1. FAHRVERGNÜGEN OHNE HANDBREMSE!
IE IST TOT - LANG LEBE DAS WEB
CHRIS HEILMANN (@CODEPO8), BASTA,
DARMSTADT, MARCH 2016 https://www.flickr.com/photos/86745603@N00/5168019946

3. https://www.flickr.com/photos/95588966@N00/4041933883
BASTA

4. @codepo8
• Yahoo/Mozilla/Microsoft
• Open Source Hippie
• Unverbesserlicher Webmöger
• JavaScript Versteher
• Derzeit bei Edge/ChakraCore/VS
Code/Project Oxford tätig

7. Kurz und gut
• Internet Explorer ist tot
• Alle Browser sind “evergreen” und
wer das bekämpft hat Sicherheit und
Kundenservice nicht verstanden
• JavaScript hat gewonnen und wer es
2016 lernen will soll nach ES6 kucken
• Node.js ist immer interessanter
• Browser werden immer Sachen
unterschiedlich darstellen

8. Kurz und gut
• JavaScript runtimes sind keine
Browser, und haben das Problem
nicht.
• Es gibt keinen Stillstand im Web
• Wenn deine Seite überall gleich
aussieht, ist sie fehlerhaft
• Produkte, die nur auf einem Browser
laufen, sind Prototypen und sollten
fertiggestellt werden.
• Es wird Zeit, aufzuräumen

9. Type Size (kB)
Images 1426
Scripts 357
Video 174
Fonts 123
Stylesheets 76
HTML 67
Other 4
Total 2232 kB
DICK IM WEB…
http://www.httparchive.org/interesting.php#bytesperpage

10. BEST OF BEST PRACTICES…

11. 2.6 MB!
197 Anfragen
38 x JavaScript
(10 davon Google)
27 x CSS
117 Bilder
BEST OF BEST PRACTICES…

12. https://whatdoesmysitecost.com/
WEBPAGETEST.ORG

13. DAS DARF NICHT VIEL KOSTEN…

14. https://whatdoesmysitecost.com/
KOSTENFRAGE…

15. JA EGAL, ICH HAB JA
KEINE KUNDEN IN
MAURETANIEN…

16. JA EGAL, ICH HAB JA
KEINE KUNDEN IN
MAURETANIEN…

17. JA EGAL, ICH HAB JA
KEINE KUNDEN IN
MAURETANIEN…

20. 127 Anfragen
40 x JavaScript
(18 davon Google)
https://basta.net/location/
IS JA KLEINER…

24. https://basta.net/location/
IS JA KLEINER…

25. https://basta.net/location/
IS JA KLEINER…

26. Warum passiert sowas?
• Deadlines
• Maintenance ist Nebenprodukt
• Wenn wir alle Bibliotheken
verwenden, wird das schon
funktionieren
• Also, bei mir geht das!
• Mach mal, das das auch aufm Chef
seinem IE8 tut…

27. https://www.xfive.co/blog/stop-supporting-ie10-ie9-ie8/
BROWSER PER PLATFORM, UND WELCHE
SICHERHEITSUPDATES BEKOMMEN

28. STANDARDISIERUNG IST WICHTIG

29. FRAMEWORKS UND BIBLIOTHEKEN
HELFEN UND HINDERN

30. WIR SIND EIN LIEFERDIENST…

31. PROBLEMLÖSUNGEN FÜR BILDER

32. HAUSAUFGABE…
https://jakearchibald.com/2015/anatomy-of-
responsive-images/

33. ANKUCKEN…
https://dev.windows.com/en-us/microsoft-edge/
testdrive/demos/picture/

34. ANKUCKEN…
https://dev.windows.com/en-us/microsoft-edge/
testdrive/demos/picture/

35. ODER UPDATE MACHEN
https://www.smashingmagazine.com/2015/12/
responsive-images-in-wordpress-core/

36. PROJECT OXFORD https://www.projectoxford.ai

40. AUFZÜGLICHES

41. ROLLTREPPEN
SIND EINFACHER

42. PROGRESSIVE
ENHANCEMENT

43. GRACEFUL DEGRADATION?

45. GRACEFUL
DEGRADATION

46. DAS KANNSTE SCHON SO
MACHEN…

47. DAS KANNSTE SCHON SO
MACHEN…
ABER DANN ISSES HALT KACKE!

48. https://www.flickr.com/photos/42116500@N05/24315564773/
WIR BEWEGEN UNS SCHNELLER UND
WEITER WEG ALS JE ZUVOR…

49. UND ES GIBT VIELE TECHNOLOGIEN
ZUM SPIELEN UND VERWENDEN…

50. FINDE, WAS DU GERNE MACHST…

51. NICHT JEDER MUSS INTERFACES BAUEN…

52. DEVELOPER TOOLS SIND OFFEN UND
BRAUCHEN GUTE IDEEN…
https://marketplace.visualstudio.com/items?itemName=GregorBiswanger.json2ts

53. DEVELOPER TOOLS SIND OFFEN UND
BRAUCHEN GUTE IDEEN…
https://marketplace.visualstudio.com/items?itemName=GregorBiswanger.json2ts

54. BITTE, BAUT KEINE WEB BREMSEN…

55. DIE KLUFT ZWISCHEN WEB UND
DESKTOP IST OFT NUR IN UNSEREM
KOPF…

56. ALTE GLEISE, NEUE ZÜGE…

57. THANK YOU!
CHRIS HEILMANN
@CODEPO8