HTML and CSS Reference
In-Depth Information
bar und spannend aufbereitet werden. Dennoch sollen sich Magazinseiten merklich
von Webseiten unterscheiden - eine echte Herausforderung für jeden Designer.
Für diese Art der Gestaltung, auch Editorial Design genannt, haben die Macher des
Aside Magazines
eine kostenlose Bibliothek entwickelt, die speziell für Magazinge-
staltung auf dem iPad ausgelegt ist. Im Folgenden gestalten Sie einige Magazinseiten
mit HTML5 und dem MagazineGrid.
4
Abbildung 4.6
http://asidemag.com/grid
Doch zunächst müssen Sie das Framework in Ihr HTML-Dokument einbinden. Laden
Sie zunächst von
http://asidemag.com/grid/
das komplette Paket herunter (Abbil-
dung 4.6). Es enthält neben einer Kurzanleitung auf Englisch auch zwei Beispielsei-
ten, die Sie nach Belieben erweitern oder verändern können. Kopieren Sie die Datei
magazinegrid.min.css
in Ihren Projektordner, und binden Sie die Datei in Ihre HTML-
Seite ein:
<link href="magazinegrid.css" rel="stylesheet">
<link href="style.css" rel="stylesheet">
Search WWH ::
Custom Search