This interview is part of our six-part series On Tour @ #perfnow.
At the beginning of November, we attended a new conference in Amsterdam called performance.now(). performance.now() is put together by no-one less than Steve Souders and Tim Kadlec, two well known experts in the performance circus. And they teamed up with the people running the CSS Day. What they put together was nothing short of amazing. They had 16 of the most talented speakers flying in from all over the world, and we got the opportunity to interview a few of them!
Kornel Lesiński: Optimizing Images for the Web
Most developers have used Kornel’s work already via tools like mozjpeg, PNGquant and most famously ImageOptim.
We speak about the present and the future of image formats. For example we discuss how WebP changed the web and what problems come with it. One of the most interesting formats for the future seem to be AV1 which can be used partially today already.
This interview is part of our six-part series On Tour @ #perfnow.
At the beginning of November, we attended a new conference in Amsterdam called performance.now(). performance.now() is put together by no-one less than Steve Souders and Tim Kadlec, two well known experts in the performance circus. And they teamed up with the people running the CSS Day. What they put together was nothing short of amazing. They had 16 of the most talented speakers flying in from all over the world, and we got the opportunity to interview a few of them!
Anna Migas: Faster Rendering Performance
Anna Migas’ talk was about Rendering Performance in the Browser. We talk about 120 fps screens and how they will change the way we develop JavaScript today. Another interesting topic is the will-change property in CSS and how it is useful for developers to increase Rendering Performance. Lastly we speak about the CSS Containment property and what it does.
Die anderen haben Statistiken und Daten, wir haben Meinungen und Anekdoten! Hans, Schepp und Peter besprechen die Ergebnisse einer großen JavaScript-Umfrage.
Schaunotizen
- [00:00:54] The State of JavaScript in 2018
-
Nachdem wir feststellen, dass JavaScript wirklich überall auf diesem Planeten geschrieben wird (und in Australien besonders gut bezahlt wird) besprechen wir bei den diversen Geschmacksrichtungen von JavaScript den Aufstieg von TypeScript, das Ende von Flow und die Allgegenwart von ECMAScript 6+. Bei den Frontend-Frameworks kommt nach React, Vue und Angular lange nichts, wobei es bei Angular auch überraschend unzufriedene Nutzer gibt. Zu beachten ist bei solchen Statistiken immer, wie groß der JavaScript-Kuchen in absoluten Zahlen ist und wie stark er wächst – wie Laurie Voss in seinem Talk zum Stand von NPM verdeutlicht. Beim State-Management ist Redux das Mittel der Wahl der Befragten mit GraphQL (siehe Revision 292) auf dem zweiten Platz. Im Backend dominiert Express alles, während es in Sachen Testing sowohl unter den Befragten als auch im Podcast-Team unterschiedliche Ansichten gibt.
Stefan, Schepp und Peter durften ein weiteres Mal Christoph Reinartz (Web, Twitter) von Trivago im Podcast begrüßen und diesmal erfahren, wie es ist, sich vom Entwickler zu etwas anderem zu entwicklen.
Schaunotizen
- [00:02:00] Vom Entwickler zum Product Domain Lead
-
Nachdem uns Christoph in Revision 275 berichtete, wie bei Trivago der UI-Code aufgeräumt wurde, geht es diesmal weniger technisch um Christophs eigene Entwicklung von Entwickler zu Product Domain Lead. Wir quatschen über unterschiedliche Perspektiven auf Firmen und Produkte in unterschiedlichen Rollen, Informationsfluss und Informationsverteilung in einer Firma und Weiterentwicklungsperspektiven für Entwickler. Relevante Slide-Decks kommen von Chris Heilmann und Christoph selbst.
This interview is part of our six-part series On Tour @ #perfnow.
At the beginning of November, we attended a new conference in Amsterdam called performance.now(). performance.now() is put together by no-one less than Steve Souders and Tim Kadlec, two well known experts in the performance circus. And they teamed up with the people running the CSS Day. What they put together was nothing short of amazing. They had 16 of the most talented speakers flying in from all over the world, and we got the opportunity to interview a few of them!
Yoav Weiss: Resource loading
With Yoav Weiss we talked about Resource Hints, what they are and how they work. We also touched briefly on how HTTP/2 still has a few flaws and how the new QUIC protocol helps us solve these.
Nach dem Vue-Einstieg aus Revision 365 besprechen wir in dieser Revision mit Vanessa Böhner (Web, Twitter) die kniffligen Feinheiten des jünsten Sterns am Framework-Himmel.
Schaunotizen
- [00:01:32] Vue.js Deep Dive
-
Wie bringt man Vue.js zum praktischen Einsatz? Vanessa erzählt, wie man diverse Micro-Vue-SPAs in Legacy-Projekte (PHP + jQuery + Vue) einfließen lassen kann und wie die Kommunikation zwischen den verschiedenen Frontend-Universen funktionieren kann.Außerdem sprechen wir über Vuex, Vuex ORM, Vue CLI, Vue auf Codesandbox.org und nur gaaaanz wenig über Vue vs. React vs. Angular. Statische Seiten auf Vue-Basis lassen sich im Blitzverfahren mit dem (per quantenmechanischer Inspirationsverschränkung mit next.js verbundenen) Framework Nuxt basteln, was Vanessa z.B. für ihren Wein-Podcast genutzt hat. Zum Ende hin kommen wir kurz auf Testing mit Jest, Cypress und vue-test-utils zu sprechen.
[01:02:06] Keine Schaunotizen
- Munich Frontend Meetup
- Besucht Vanessas Heimspiel-Meetup!
- Webentwicklung Bad Nauheim
- Das junge Meetup zwischen Gießen und Frankfurt a.M. hat im Dezember Peter zu Gast.
Aus einem magischen Königreich von einer verzauberten Insel kam Patrick H. Lauke (Senior Accessibility Guru bei The Paciello Group und fleißge Tweetschleuder) zu uns, um uns von der Entstehung und Weiterentwicklung von Pointer Events zu berichten.
Schaunotizen
- [00:01:14] Pointer Events
-
Pointer Events sind im Prinzip Touch Events 2.0 (zuletzt in Revision 139 mit Patrick besprochen) und bieten ein Event-Modell für alle denkbaren Inputgeräte- und Methoden (Maus, Touch, Stylus, Leap Motion usw.). Die Browserunterstützung ist brauchbar (demnächst gibt’s Pointer Events sogar in Apple-Browsern) und ein Polyfill ist verfügbar. Neben den technischen Details des aktuellen Standards quatschen wir auch über kommende Features in Pointer Events Level 3 (z.B. mehr Low-Level-APIs), Eingabemethoden der Zukunft, Patricks Dasein als Spezifikationsschreiber, Webstandards-Politik und das leidige Patente-Thema.
Gemeinsam mit unserem Gast Roman Kuba sprechen wir noch einmal ausführlicher über Vue.js, ein JavaScript-Framework, das sich in letzter Zeit sehr großer Beliebtheit erfreut.
Schaunotizen
- [00:01:14] Vue.js
- Bereits in Revision 283 sprachen wir mit Roman mal über Vue.js. In dieser Revision lassen wir die Grundzüge von Vue.js noch mal Revue passieren und sprechen darüber, welche Vor- und Nachteile Vue im Gegensatz zu React oder Angular hat.
Einige Interessante Links zum Thema:
[00:53:00] Keine Schaunotizen
- VueJS Berlin
- Roman wird auf der VueJS Berlin einen Vortrag halten.
Hans, Peter und Stefan nehmen einen aktuellen GitHub Ausfall zum Anlass um über Katastrophen und deren Vermeidung zu reden.
Schaunotizen
- [00:00:09] Keine Panik!
- Bei GitHub fliegen ein paar Datenbanken in die Luft, und schon steht das halbe Internet. Damit man in solchen Fällen trotzdem immer noch fröhlich „shippen“ kann, liegt vor allem an guten Ausfall-Plänen und sauberer Kommunikationsstrategie. Wir reden über War Room meetings, Umgängen mit AWS Ausfällen, wie wir Dank Artifactor Dingen wie dem Left-Pad Gate aus dem Weg gehen kann. Wir spannen den Bogen zu persönlichen Backup-Strategien und hören uns Peters Backup-Pläne an, und was wir mit 14 Jahre alten Cloud-E-Mail Postfächern tun sollten.
Stefan, Schepp und Peter starteten mit dem Plan, ein wenig von aktuellen Webtech-Herausforderungen in ihrer alltäglichen Arbeit zu erzählen. Aus Zeitgründen hat es nur für für die Berichte von zwei von drei Personen gereicht.
Schaunotizen
- [00:00:20] Woran arbeiten wir gerade?
-
Schepp werkelt am Frontend der Rheinischen Post (und anderen Zeitungen aus dem Verlag), während Stefan sich für Dynatrace betätigt. Seine Hauptaufgabe besteht darin, das alte GWT-Frontend durch Angular zu ersetzen, v.A. durch eine Onboarding-Prozedur. Wie betrachten die beachtliche öffentliche Komponentensammlung von Dynatrace und philosophieren über die Seltenheit von Greenfield-Projekte verglichen mit heroischen Migrationen. Davon kann auch Schepp ein Lied singen, der nicht nur die neueste Version der RP mitgebaut hat, sondern die Idee dahinter auch Nicht-Frontendlern und übergeordneten Stakeholdern kommunizieren musste. Heraus kam ein skinbares Designsystem, das vielseitig eingesetzt wird (man vergleiche rp-online.de mit wz.de). Am Ende kommen wir zu einer Diskussion rund um Werbung, JavaScript-Werbemittel, die Advertising Bubble und beenden die Sendung bevor Peter eine Gelegenheit hatte, von seinen Kämpfen mit dem CSSOM zu berichten (siehe auch: JSSS).
[01:10:07] Keine Schaunotizen
- DACHFest 2018
- Schepp bewirbt das DACHfest 2018 am 10. und 11. November in München.
