Das WTF zum Wochende

[1unitedpower]

Aber allein schon der Ansatz alles absolut zu positionieren ist eine Sackgasse.

Überhaupt ist CSS die Technik auf die es bei der Gestaltung ankommt. Dieses im Artikel gezeigte simpel-layout benötigt wenige Zeilen uralter CSS-Eigenschaften und ein bisschen flex-box - eine Layout-Tabelle würde es zur Not auch tun.

So einfach ist es leider nicht, in der Demo gibt es auch einige Drag&Drop-Komponenten. Die Implementierung von Drag&Drop wirft viele Fragen auf: Was passiert mit der Fläche, aus dem das Element herausgezogen wird? Soll sie konstant bleiben oder schrumpfen? Wenn sie schrumpfen soll, wann soll das geschehen? Beim Herausziehen oder erst beim Ablegen? Ebenso kann man danach fragen, ob die Zielfläche wachsen soll. Dann muss man dafür sorgen, dass das Element während des Verschiebens von keinen anderen Elementen verdeckt wird. Ggf. muss das Element sogar mehrfach gerendert werden... und so weiter und so fort. Da fällt einiges an Arbeit an, um von den primitiven Layout-Mechanismen von CSS zu abstrahieren. So gerät man schnell in die Verlegenheit mit JavaScript Elemente zu klonen, Platzhalter im Dokument einzufügen und CSS-Eigenschaft zu manipulieren. Und wenn die Layout-Algorithmen von CSS noch nicht kompliziert sind, dann zumindest das Umschalten dazwischen. Das wäre ein Präzendenzfall für Houdini ;)