Besuch der c’t WebDev 2020

Datum: 13. Februar 2020
Autor*in: Florian Sauer


Vom 4.-6. Februar 2020 haben Matthias und ich in Köln die zweite c’t WebDev, eine Frontend Konferenz, besucht.

Diese war in zwei Teile aufgegliedert. Am ersten Tag wurden optionale Workshops angeboten. Die folgenden zwei Tage über fand die eigentliche Konferenz mit den Vorträgen statt.

Wir besuchten den „Intensiv-Workshop: CSS (endlich) lieben lernen“ von Nico König. Dieser war im Grunde ein Schnelldurchlauf aller wichtigen CSS Funktionalitäten, Vorkenntnisse wurden nicht benötigt. Vieles war uns daher schon (bruchstückhaft) bekannt, manche Lücken wurden gefüllt. Die zugehörige Präsentation könnt Ihr bei Interesse von Matthias oder mir bekommen.

Interessante Takeaways der eigentlichen Konferenz waren unter anderem ein Vortrag über Website-Performance Mythen. Manche Punkte wie beispielsweise die Bildkomprimierung, HTTP/2 oder das Einbinden externer Ressourcen von denen nur wenige Teile tatsächlich genutzt werden, waren uns schon bekannt. Nicht bekannt war uns jedoch, dass Apaches Modul „mod_deflate“ anscheinend jedes mal Dateien neu komprimiert und über kein caching verfügt. Das bestätigt auch die offizielle Dokumentation.

Vielversprechend klang der Vortrag über „Visual Regression Testing “, indem ein Mitarbeiter des Rechenzentrums der Universität zu Köln beschrieb, wie er aufgrund von über 600 zu verwaltenden Seiten automatisiertes Frontend Testing mittels „Puppeteer“ und „Resemble.js“ eingeführt hat. Für Interessierte: diesbezüglich wurden mehrere Blogbeiträge verfasst.

Vermutlich ist bei jeder Webentwickler Konferenz mindestens ein Vortrag über WordPress zu finden. Hier hat auch die WebDev keine Ausnahme gemacht. Uns wurde der Gutenberg Editor mit seinen Funktionalitäten in der neuesten Version gezeigt. Man sieht: Seit Bennis Blogbeitrag hat sich der Funktionsumfang doch schon um einiges vergrößert. Und Pläne für die Zukunft des Editors hat WordPress ebenfalls, beispielweise die parallele Arbeit zweier Autoren an einem Artikel. Was wir uns erhofft hatten war jedoch auch eine Live-Demo, in der eigene neue Blöcke erstellt werden. In diesem Punkt wurden wir leider enttäuscht und auf Nachfrage lediglich auf die verschiedenen Möglichkeiten der Erstellung von Blöcken mittels Plugins, die WordPress Kommandozeile oder das manuelle Anlegen der notwendigen Dateien verwiesen.

Interessant war auch das in mehreren Vorträgen erwähnte Header Feld „Save-Data“, um beispielsweise für Seitenbesucher aus dem Mobilfunknetz eine reduzierte Seite ausspielen zu können. Ebenfalls wurde uns sowohl im Workshop, als auch in mehreren Vorträgen die Schriftgrößen Einheit „rem“ in Bezug auf Accessibility ans Herz gelegt.

Kommentare

Selber kommentieren:






Weitere Beiträge zum Thema Technologie


imx.ContentDelivery API meets Lechradweg

Autor*in: Christine Pfleger


Projekte   //   Technologie


Wer sich im Alltag nicht täglich mit Datenbanken und Schnittstellen beschäftigt, tut sich zugegebenermaßen schwer zu verstehen, warum unsere Entwickler bei der imx.ContentDelivery API ins Schwärmen kommen. Wir haben daher den Senior Entwickler Benjamin Hofmann und den Technischen Geschäftsführer Christian Heindl gebeten, am Beispiel des aktuellen Lechradweg-Projekts so praxisbezogen wie möglich die Vorteile der imx.ContentDelivery API aufzuzeigen.


Beitrag lesen
18
OKT
22

Caching – Probleme mit Permissions

Autor*in: Florian Müller


Technologie


Ich war gerade an einem Ticket um eine Lösung für das leidige Thema des Caching der Autosuggest zu lösen. Das grundlegende Problem ist, dass das Autosuggest recht umfangreich ist (gecached bis zu 2MB). Sollte nun ein User ein Wort eingeben und kein Autosuggest vorhanden sein, wurde dieser gebaut und gecached. Die hat auch mal gerne eine …


Beitrag lesen
13
JAN
17

Flickr und das Image Plugin oder „Dees is sowieso blääd“

Autor*in: Bastian Schwarz


Technologie


Gerade habe ich ein Problem für unser Kundenprojekt „Holsteinische Schweiz“ analysiert: Im Keyvisual wurden bis zu 20 Flickr-Bilder geladen. Die URLs der Bilder wurden über die Flickr API geholt und dann durch das Image Plugin geladen, entsprechend gerechnet und abgelegt. So weit, so gut. Nun das Problem: Für den Dateinamenhash benutzt ajaxImage u.a. die Breite …


Beitrag lesen
21
SEP
11

Unsere Ausbildungszeit bei infomax

Autor*innen: Verena Schmuck, David Kelemen, Phil Jope


infomax   //   Technologie   //   Über den Tellerrand


Phil Jope und David Kelemen, haben 2022 ihre Ausbildung zum Fachinformatiker für Anwendungsentwicklung begonnen und dieses Jahr erfolgreich abgeschlossen. In diesem Beitrag geben sie Einblicke in ihre Ausbildungszeit bei infomax, erzählen von Herausforderungen und Lieblingsmomenten, und teilen Tipps für zukünftige Azubis.


Beitrag lesen
25
AUG
25