HTML5 in der mobilen Webentwickung - Apps mit HTML5 und CSS3: Fur iPad, iPhone und Android - page 50

Im Folgenden werden wir Sie mit den wichtigsten Neuerungen von iOS bekannt
machen. Sie werden außerdem Schritt für Schritt die Funktionen selbst ausprobieren
können. Los geht's!
Kurzer Zwischenstopp
Bevor Sie wirklich mit den neuen iOS 5-Funktionen loslegen, möchten Sie Sharky's
WebApp noch etwas verbessern. Wie Sie vielleicht festgestellt haben, gibt es bei der
Gestaltung der WebApp noch etwas Luft nach oben. Sie haben alle wichtigen CSS3-
Funktionen kennengelernt, doch jetzt heißt es, Schrift und Elementen noch etwas
Feinschliff zu verpassen. Ihrer Kreativität sind hier natürlich keine Grenzen gesetzt,
und Sie können Sharky's WebApp natürlich komplett Ihren eigenen Wünschen
anpassen. Trotzdem im Folgenden ein paar Tipps und Tricks:
Schriftart anpassen
Auch wenn die Standardschriftart »Times New Roman« ein Klassiker ist, Sharky
wurde ursprünglich in einem Schweizer Aquarium gezeugt, weswegen »Helvetica« in
diesem Fall die bessere Wahl ist. Passen Sie die body -Definition in styles.css folgender-
maßen an:
body {
background-image:url(../bilder/hintergrund.jpg);
background-size:cover;
background-repeat:no-repeat;
color:#fff;
font-family: "Helvetica";
}
Ein anderer Hintergrund
Der Meereshintergrund ist natürlich sehr ansehnlich, leider funktioniert die Darstel-
lung im Hochformat eher weniger gut. Suchen Sie sich auf der Website http://
www.subtlepatterns.com einen der zahlreichen kostenlosen Hintergründe aus, spei-
chern Sie ihn unter Bilder , und verlinken Sie ihn ebenfalls in der body -Definition. Wir
haben uns für einen Hintergrund namens Dark Denim (Sharky knabbert gerne an
alten Jeans) entschieden. Löschen Sie außerdem background-repeat , damit sich der
Hintergrund kachelartig zusammensetzen kann und den gesamten Bildschirm aus-
füllt. background-size benötigen Sie auch nicht mehr.
body {
background-image:url(../bilder/denim.png);
color:#fff;
font-family: "Helvetica";
}