In einer bootstrap-basierten App könnte ich beispielsweise Markup schreiben, um ein Raster von 8 Spalten für große Bildschirme und 2 Spalten für kleine Bildschirme zu erstellen.
Die Bildschirmgröße hat sicherlich Auswirkungen auf das Bildschirmdesign, und ich möchte wissen, was ein anständiges Muster ist, bevor ich anfange, Dinge in famo.us auszuprobieren. Wenn man bedenkt, dass "famo.us" "positiv" ist, sollte es hier eigentlich nur eine Antwort geben:)
Ich bin alles für das Design von Mobilgeräten, aber was ich nicht will, ist eine Desktop-App, die nur eine mobile App ist, die um 400% gestreckt ist.
Danke,
Andrew
Basierend auf dem Beispiel in den Famo.us Beispielen auf Github ..
Sie könnten sehr leicht so etwas tun ..
%Vor%BEARBEITEN:
Das Endziel ist Javascript als einzige Entwicklungssprache für moderne Webanwendungen. Manchmal müssen Sie die Dinge nur selbst verwalten.
Dies gilt insbesondere für ein Framework wie Famo.us, das stark von der absoluten Positionierung abhängt. Die Dinge fließen nicht so reibungslos wie im Box-Modell
Um alle feinen Unterschiede zu behandeln, erstelle ich eine StateHash-Klasse, die den Zustand verwaltet und basierend auf dem aktuellen Zustand verschiedene Werte für die gleichen Schlüssel zurückgibt.
%Vor%Ich werde Sie wissen lassen, wenn ich von einem anderen besseren Weg lerne!
Viel Glück!
Der Ansatz ist eine improvisierte Version der Verwendung von Rastern basierend auf der Fenstergröße. Habe gerade einen Resize-Listener hinzugefügt, um Resize-Events zu beobachten.
%Vor%Tags und Links famo.us