Zur Umsetzung von responsiven Webseiten gibt es eine Vielzahl an CSS-Frameworks. Ein CSS Framework, das mir besonders gut gefällt, ist Pure. Pure besteht aus verschiedenen Modulen und kann Basis-Klassen für Navigationsleisten, Buttons, Tabellen, Formulare und Textinhalte vorgeben. Die einzelnen Module sind im Durchschnitt genau 1 KB groß und als Gesamtpaket sogar nur 4,4 KB. Mit dem Grid-Modul (0,9 KB) lässt sich ganz schnell ein Rasterlayout für eine Webseite erstellen, das sich je nach Bildschirmgröße anpasst und perfekt auf einen gleichzeitigen Designentwurf für Smartphones, Tablets und Desktops ausgelegt ist. Im Folgenden möchte ich ein Beispiel-Layout zeigen, das ich entworfen habe und welches die Inhalte einer Webseite modular aufbaut.
Responsive Website-Designs mit Pure weiterlesen
Schlagwort: Layout
Verwendung eines Grid-Layouts mit XAML
Das folgende Beispiel zeigt ein einfaches Grid-Layout mit zwei Spalten (columns) und zwei Zeilen (rows). Die Breiten -und Höhenangaben können fix in Pixel gemacht werden (Bsp. Width="400") oder relativ mit Prozentangaben (Bsp. Width="5*" für 50%) oder automatisch an die Größe des Inhalts angepasst werden (Bsp. Width="Auto").
Verwendung eines Grid-Layouts mit XAML weiterlesen