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


Workshop-Bericht „AI-driven Software-Development mit GPT und Co.“

Autor*in: Magdalena Piller


infomax   //   Technologie


Anfang November konnte ich an der W-JAX 2024 in München teilnehmen, einer der führenden Entwicklerkonferenzen in Deutschland, die sich auf die neuesten Trends in der Softwareentwicklung, Architektur und Innovation konzentriert. Im Fokus der diesjährigen Konferenz standen unter anderem die Themen Künstliche Intelligenz (KI), Machine Learning und Cloud-native Technologien. Besonders begeistert war ich vom Workshop „AI-driven …


Beitrag lesen
20
NOV
24

OpenX Fehlermeldung: File permissions

Autor*in: Stefan Oswald


Technologie


Manchmal beim Setup oder einer Migration des OpenX AdServers kann es zu dem lästigen Problem kommen, dass nach jedem Login eine Fehlermeldung kommt, die auf falsch Dateirechte hinweist. Entgegen der Fehlermeldung wurde jedoch kein Eintrag in die debug.log Datei geschrieben. Um den Fehler angezeigt zu bekommen, muss wiefolgt vorgegangen werden: Öffne Datei im OpenX Basis-Verzeichnis: …


Beitrag lesen
04
DEZ
13

KI gestützte Designtools

Autor*in: Carina Kruse


Technologie   //   Über den Tellerrand   //   User Experience & Design


Vor einer Weile stieß ich in einem Google Pocket Artikel auf die WebApp AutoDraw. Es erlangte meine Aufmerksamkeit dadurch, dass aus jeder Zeichnung, welche man rudimentär mit der Maus malte, das Programm ein passendes Icon generierte. Also aus den eigenen Scribbles direkt ein passendes Icon abfällt. Soweit genial, oder? Da musste ich mir direkt das …


Beitrag lesen
28
APR
22

Embedded JavaScript

Autor*in: Benjamin Hofmann


Technologie


Dank Christian Heindl bin ich auf EJS aufmerksam geworden, einer Template-Engine für Javascript, die Smarty gar nicht so unähnlich ist. Damit ist es ein leichtes HTML in Javascript zu bauen und auch wiederzuverwenden. Aktuell habe ich das in der Karte von NÖW so eingebaut, wo unter anderem die Infowindows durch diese Logik generiert werden. Das Schöne …


Beitrag lesen
07
NOV
14