640x480.de

Beiträge aus dem Was-mit-Medien-Alltag

Webmontag #29 - CSS und Frameworks

Zwei spannende Vorträge mit Fortsetzungspotential

Die Zahlen zuerst: Mit vier Frauen und drei Männern war der Stammtisch wieder gut besetzt. Bei sommerlichen Außentemperaturen ging es gleich zur Tagesordnung.

CSS-Flexbox

Symbolbild Flexbox
Symbolbild Flexbox

Birgit gab einen Überblick in die bereits fünf Jahre alte Technik und demonstrierte auf Grundlage der gerade ein paar Tage jungen neuesten Spezifikation Möglichkeiten und Fallstricke des „ersten echten CSS-Layoutmodells“. Das war spannend, weil der Vortrag (siehe PDF am Ende des Artikels) durch die Live-Demos mit Codepen praktisch ergänzt wurde. Jeder konnte also per Zuruf eigene Annahmen und Ideen sofort live testen lassen.
Die Killer-Applikation war auch schnell gefunden: Formatierung einer Flickr-ähnlichen Bildergalerie mit Flexbox. Der Abend selbst brachte hierzu kein Ergebnis, aber erste Kommentare über Nacht (Danke Alex.) zeigten, dass das Thema weiter beschäftigte.

Frameworks

Die noch unsortierten Frameworks
Die noch unsortierten Frameworks

bootstrap, node, jQuery, angular, backbone – um nur einige zu nennen – sind Namen von, ja was sind das eigentlich? Im Allgemeinen firmieren diese Hilfsmittel unter dem großen Label „Frameworks“. Clement stellte aktuelle Erkenntnisse einer Arbeitsgruppe der Uni-Weimar vor, wie diese Werkzeuge zu klassifizieren und einzuordnen sein könnten. Im Verlauf der Präsentation lernten wir einiges über Architekturmodelle, dicke und dünne Clients, sowie Middleware und weitere Fachbegriffe. Diese Exkursionen waren aber notwendig, um die finale Tabelle mit den Ergebnissen der Sortierung zu verstehen.
Auch hier bleibt die Diskussion offen und die Forschungen gehen weiter. Vielleicht mündet die Arbeit in einem ‚caniuse‘-ähnlichem whatisthisfor“-Werkzeug, mit dem man herausfinden kann, wobei die einzelnen Frameworks uns Entwickler konkret bei der Arbeit helfen können.

Im August macht der Weimarer Webmontag Pause. Der Septembertermin (7. oder 14.) wird rechtzeitig per Newsletter und hier in der Randspalte kommuniziert.

Nachtrag von Alex per E-Mail

habe 2 interessante Lösungen zur Thematik gefunden, beide allerdings mit JS:

einen noch:

Kurzeinführung CSS: Flexbox (pdf / 51 Kb)

comment Kommentare

Alex am 31.08.2015, 12:26:

Noch eine recht übersichtliche Übersicht über Flexbox: www.smashingmagazine.com [extern]

Martin am 03.12.2015, 09:18:

Spielerisch Flexbox lernen: flexboxfroggy.com [extern]