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
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
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:
- https://github.com/polarity/justifiedImageRows (so wie ich das sehe keine Möglichkeit für Innenabstände)
- http://benjaminhorn.io/code/make-a-grid-of-images-similar-to-the-flickr-feed-page/
einen noch:
Kurzeinführung CSS: Flexbox (pdf / 51 Kb)
21.07.2015 | 2 Kommentare
