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

4
Abbildung 4.11 Eine Magazinseite auf dem iPhone
Bei Bedarf müssen Sie hier und da noch Schriftgrößen und Abstände an den kleine-
ren Bildschirm anpassen - am besten mit einem Media Query, wie in Kapitel 2,
»HTML5 in der mobilen Webentwicklung«, beschrieben.
Sonstige Elemente
Ein echtes Magazin erkennt man vor allem auch an Seitenzahlen und der kleinen
Rubrikbezeichnung in der Ecke einer Seite. Häufig sind diese Elemente passend zum
Rest des Magazins gestaltet - schauen Sie doch mal in Ihrem Lieblingsmagazin nach.
Auch das MagazineGrid hält solche Elemente bereit. Nun gut, Seitenzahlen machen
auf einem Tablet nicht allzu viel Sinn, aber der Name der Rubrik kann für die Wieder-
erkennbarkeit sehr hilfreich sein. In der Designersprache nennt man dieses Element
übrigens Pagina oder Kolumnentitel. Damit Sie dieses Element in Ihr Design ein-
bauen können, müssen Sie eine zusätzliche CSS-Datei einbinden. Sie finden sie im
MagazineGrid-Archiv im Unterordner plugins :
<link href="plugins/elements.css" rel="stylesheet">
Es handelt sich dabei um ein Plugin, also um eine Erweiterung, die Sie erst bei Bedarf
nachladen. Fügen Sie direkt nach dem öffnenden article -Tag Folgendes ein:
<nav class="pagina">Rubrik</nav>