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


Bilder SEO – Bisher eigentlich komplett vernachlässigt

Autor*in: Axel Güldner


Technologie // User Experience & Design


Heute möchte ich ein Thema anschneiden, welches bisher wohl so niemand auf dem Schirm hatte (ich zumindest habe bisher keinen Gedanken daran verschwendet). Aber als ich dann in einem anderen Blog darüber gelesen habe, hat mich dann sofort die Faust der Erkenntnis getroffen, ähnlich einer Brockhaus-Enzyklopädie, die einem ins Gesicht fällt. Wir bemühen uns immer …


Beitrag lesen
07
FEB
12

Preload – was bringts?

Autor*in:


Technologie


Im Laufe der Umsetzung des Grassau-Portals habe ich mich mal mit Preloading im html auseinandergesetzt. Benutzt wird das Ganze, um Resourcen wie z.B. Styles, Fonts etc. effizienter laden zu können und somit die Performance zu verbessern. Der Vorteil gegenüber dem ja inzwischen schon etwas älteren Prefetching ist, dass im Tag ein Type angegeben wird, der …


Beitrag lesen
28
FEB
17

JIT Grunt

Autor*in: Florian Müller


Technologie


Dieser Beitrag nimmt Bezug auf meinen vorherigen Beitrag zur Optimierung von Grunt. Wer diesen nicht kennt, wird mit diesem hier nicht viel anfangen können. Wer den Concurrent Task und dazu auch den Time-Grunt einsetzt, mag schon mal bemerkt haben, dass bei jedem Concurrent Task sämtliche Tasks geladen. Auf dem DEV dauert dies auch mal gerne 2 …


Beitrag lesen
08
FEB
17

imxTools1 und imxTools2 in einem Portal… erste Schritte sind gegangen

Autor*in: Bastian Schwarz


Technologie


Im Zuge des Schneebayern-Projektes besteht die Anforderung, dass die imxTools1 (für allgemeine imxTools-Inhalte) sowie die imxTools2 (für den Schneehöhenticker) parallel zueinander laufen müssen. Dazu wurde ein neuer Task in der build.xml angelegt, der eigtl genau das gleiche tut wie der register_integration_imxtools, nur dass er das Ziel in einen imxtools2 Ordner anlegt. Auszug aus der build.properties: …


Beitrag lesen
25
NOV
11