Matthias Scharwies: Quadratisch, praktisch, gut!

Das 25-jährige Jubiläum des SELFHTML-Projekts am 04.06.2020 wurde von der Corona-Pandemie überschattet. Unser lange geplantes Treffen wurde auf den Herbst verschoben und konnte jetzt endlich vom 09.-11. Oktober in der Quadratestadt Mannheim stattfinden.


Die Jugendherberge ist herrlich am Rhein gelegen mit Blick auf die vielen Schiffe, die durch die starke Strömung flott talwärts fuhren. Abends gingen wir zum Italiener "Zwei Hasen", bei dem es passend Rucolasalat und anderes Hasenfutter gab.

Der Samstag stand im Zeichen des Jubiläums. Einerseits hatten wir auf viele Ehemalige und besonders Stefan Münz gehofft - andererseits stiegen gerade in der Woche vorher die Corona-Kennziffern sowohl in Mannheim als auch in den Herkunftsorten der SELFER. Trotzdem wagte es der harte Kern zu kommen und es sind glücklicherweise wieder alle gesund nach Hause gelangt!

Wir begannen mit einem kleinen Rückblick auf die vielfältigen Facetten des SELF-Universums:

  • die SELF-Doku in einer japanischen Version
  • Advents- und Valentinsaktionen
  • und vieles mehr

Übrigens: Von vielen SELFern wird immer wieder das „Upgrade“ von der Jugendherberge zum Hotel gefordert - das erste SELF-Teffen am Schliersee (1999) fand in einem ebensolchen statt!

Die Flip-Cards sind dem Motto ensprechend quadratisch und ordnen sich mit Grid Layout automatisch im verfügbaren Raum an.

grid-template-columns: repeat(auto-fill, minmax(16em, 1fr));

Der dazu geplante Grid-Workshop wurde immer weiter verschoben und dann am Sonntagmittag beim Thai-Imbiss abgehalten, wo er durch einige CodePens von Gunnar ergänzt wurde.

Es waren Workshops geplant - der passendere Ausdruck waren wohl Lightning Talks über unsere aktuellen Interessen und Projekte:

Julius gab uns einen Überblick über sein Projekt Single Sign-On mit OpenConnect. Schnell wurde verglichen, wie sich so etwas in Schule und Beruf, aber auch eventuell bei SELFHTML im Forum und Wiki realisieren ließe.

Gunnar Bittersmann gab uns einen Überblick, wie man eine barrierefreie Pullout-Navigation mit Focus-trap bauen könnte. JürgenB verglich mit unserer/seiner Variante im Wiki.

Da die Zeit drängte, wurde anstelle des SVG-Workshops nur eine kurze Einführung gegeben und dann das Projekt der Rube-Goldberg-Maschine(n) vorgestellt.

Gunnar stellte noch einige TILs (=Today-I-Learned) vor, die zum Teil gleich in Wiki-Beispielen landeten.

Ab 17:00 gingen wir am Rhein in die Quadrate und querten die Quadrate vom Schloss über Paradeplatz und Marktplatz zum Meßplatz, um uns dort beim Vietnamesen verwöhnen zu lassen. Dass die Hausnummern sich nicht auf Straßennamen, sondern die Quadrate beziehen, sollte noch zu Schwierigkeiten führen, als wir die Autofahrer zur Gastronomie lotsten.

Der Sonntag stand im Zeichen der Mitgliederversammlung. Zum erstenmal fand diese als Video-Konferenz statt. Da danach niemand vorschnell zum Aufbruch blasen wollte, zogen wir langsam in die Innenstadt, um in einem Thai-Imbiss weiter zu diskutieren, CodePens auszutauschen und uns für's nächste Jahr in Hamburg zu verabreden.

  1. Danke für die schöne Zusammenfassung!
  2. Danke für die schöne Zusammenfassung!
  3. TIL what TIL means :-) Und alles Gute zum 25. nachträglich
  4. Lieber Matthias,

    mein Browser meckert:

    Content Security Policy: Die Einstellungen der Seite haben das Laden einer Ressource auf https://blog.selfhtml.org/images/fa7f32fc-5e29-11eb-9153-b42e9947ef30.jpg?size=medium blockiert ("img-src").
    Content Security Policy: Die Einstellungen der Seite haben das Laden einer Ressource auf https://blog.selfhtml.org/images/fa6999ec-5e29-11eb-8ec7-b42e9947ef30.jpg?size=medium blockiert ("img-src").
    Content Security Policy: Die Einstellungen der Seite haben das Laden einer Ressource auf https://blog.selfhtml.org/images/fa6f4194-5e29-11eb-98a7-b42e9947ef30.jpg?size=medium blockiert ("img-src").
    Content Security Policy: Die Einstellungen der Seite haben das Laden einer Ressource auf https://blog.selfhtml.org/images/fa746fc0-5e29-11eb-b467-b42e9947ef30.jpg?size=medium blockiert ("img-src").
    Content Security Policy: Die Einstellungen der Seite haben das Laden einer Ressource auf https://blog.selfhtml.org/images/fa7aada4-5e29-11eb-b5bc-b42e9947ef30.jpg?size=medium blockiert ("img-src").
    Gemischte (unsichere) Anzeige-Inhalte von "http://selfspezial.atomic-eggs.com/sss/ximap.jpg" werden auf einer sicheren Seite geladen
    

    Liebe Grüße

    Felix Riesterer

    1. Hallo Felix,

      den mixed content kann ich nicht fixen, aber den CSP-Header hab ich gefixed, danke.

      Freundliche Grüße,
      Christian Kruse