HTML5 als Designwerkzeug - Apps mit HTML5 und CSS3: Fur iPad, iPhone und Android - page 146

Die Schriftart Franchise ist sehr schmal und prägnant und eignet sich somit sehr gut
für Magazinlayouts. Ein kleiner Schlagschatten lässt sie erhaben wirken. Sie bekom-
men diese und andere Schriftarten auf der Seite http://losttype.com .
Ausrichtungen und Smartphones
Touch-Geräte besitzen ja bekanntlich nicht nur ein Format, sondern zwei. Wenn Sie
Ihr iPad vom Hochformat ins Querformat drehen, verändert sich auch das Seitenver-
hältnis. Doch was passiert mit Ihrem Layout? Darum kümmert sich das Magazine-
Grid. Sämtliche Rasterdefinitionen skalieren die Elemente perfekt auf die Breite des
Geräts im Querformat - ohne dass Sie dafür eine Zeile Code schreiben müssen (Abbil-
dung 4.10).
Abbildung 4.10 Eine Magazinseite in der Landscape-Ansicht
Die Nutzer sollen Ihr Magazin selbstverständlich auch auf kleineren Bildschirmen
lesen können (Abbildung 4.11). Da der Bildschirm Ihres Smartphones aber kaum grö-
ßer als eine Scheckkarte ist, ergeben mehrspaltige Layouts hier kaum Sinn. Das Maga-
zineGrid wandelt daher Ihr Magazinlayout in eine linearisierte Version um, also eine
vereinfachte Darstellung, bei der alle Elemente und Spalten untereinander angeord-
net werden. Auf diese Weise bleiben alle Texte und Bilder lesbar.