Embed Size (px)
Citation preview
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
https://www.flickr.com/photos/95588966@N00/4041933883
BASTA
@codepo8 • Yahoo/Mozilla/Microsoft • Open Source Hippie • Unverbesserlicher Webmöger • JavaScript Versteher • Derzeit bei Edge/ChakraCore/VS
Code/Project Oxford tätig
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
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
Type Size (kB)Images 1426Scripts 357Video 174Fonts 123Stylesheets 76HTML 67Other 4Total 2232 kB
DICK IM WEB…
http://www.httparchive.org/interesting.php#bytesperpage
BEST OF BEST PRACTICES…
2.6 MB!
197 Anfragen 38 x JavaScript (10 davon Google) 27 x CSS 117 Bilder
BEST OF BEST PRACTICES…
DAS DARF NICHT VIEL KOSTEN…
https://whatdoesmysitecost.com/
KOSTENFRAGE…
JA EGAL, ICH HAB JA KEINE KUNDEN IN MAURETANIEN…
JA EGAL, ICH HAB JA KEINE KUNDEN IN MAURETANIEN…
JA EGAL, ICH HAB JA KEINE KUNDEN IN MAURETANIEN…
127 Anfragen 40 x JavaScript (18 davon Google)https://basta.net/location/
IS JA KLEINER…
https://basta.net/location/
IS JA KLEINER…
https://basta.net/location/
IS JA KLEINER…
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…
https://www.xfive.co/blog/stop-supporting-ie10-ie9-ie8/
BROWSER PER PLATFORM, UND WELCHE SICHERHEITSUPDATES BEKOMMEN
STANDARDISIERUNG IST WICHTIG
FRAMEWORKS UND BIBLIOTHEKEN HELFEN UND HINDERN
WIR SIND EIN LIEFERDIENST…
PROBLEMLÖSUNGEN FÜR BILDER
HAUSAUFGABE… https://jakearchibald.com/2015/anatomy-of-responsive-images/
ANKUCKEN… https://dev.windows.com/en-us/microsoft-edge/testdrive/demos/picture/
ANKUCKEN… https://dev.windows.com/en-us/microsoft-edge/testdrive/demos/picture/
ODER UPDATE MACHEN https://www.smashingmagazine.com/2015/12/responsive-images-in-wordpress-core/
AUFZÜGLICHES
ROLLTREPPEN SIND EINFACHER
PROGRESSIVE ENHANCEMENT
GRACEFUL DEGRADATION?
GRACEFUL DEGRADATION
DAS KANNSTE SCHON SO MACHEN…
DAS KANNSTE SCHON SO MACHEN…ABER DANN ISSES HALT KACKE!
https://www.flickr.com/photos/42116500@N05/24315564773/
WIR BEWEGEN UNS SCHNELLER UND WEITER WEG ALS JE ZUVOR…
UND ES GIBT VIELE TECHNOLOGIEN ZUM SPIELEN UND VERWENDEN…
FINDE, WAS DU GERNE MACHST…
NICHT JEDER MUSS INTERFACES BAUEN…
DEVELOPER TOOLS SIND OFFEN UND BRAUCHEN GUTE IDEEN…
https://marketplace.visualstudio.com/items?itemName=GregorBiswanger.json2ts
DEVELOPER TOOLS SIND OFFEN UND BRAUCHEN GUTE IDEEN…
https://marketplace.visualstudio.com/items?itemName=GregorBiswanger.json2ts
BITTE, BAUT KEINE WEB BREMSEN…
DIE KLUFT ZWISCHEN WEB UND DESKTOP IST OFT NUR IN UNSEREM KOPF…
ALTE GLEISE, NEUE ZÜGE…
THANK YOU!CHRIS HEILMANN @CODEPO8
