HTML and CSS Reference
In-Depth Information
Datei können Sie per Importfunktion über
Edit User Agents
laden und somit Ihr virtu-
elles Geräteportfolio um einige Dutzend neuer User-Agent-Strings erweitern.
Für den Google Chrome-Browser gibt es bislang noch keine einfache Möglichkeit, den
User-Agent zu modifizieren. Da Chrome aber, wie Firefox und Safari, auch mit Plug-ins,
sogenannten Extensions, erweitert werden kann, lohnt es sich, bei Bedarf von Zeit zu
Zeit unter
https://chrome.google.com/extensions
nach einer solchen Erweiterung zu suchen.
1.4
CSS- und JavaScript-Frameworks
Diese sogenannten Frameworks nehmen Ihnen in der Regel viel Arbeit ab. Sie brauchen
nicht wie im vorangegangenen Beispiel jede Zeile CSS neu zu erfinden, sondern verwen-
den einfach die CSS-Dateien und Bilddateien, die mit dem Framework geliefert werden.
Sie brauchen dann nur noch darauf zu achten, dass Sie im HTML-Code auf die richtigen
Klassen verweisen. Das Aussehen einer Titelzeile, eines iPhone-Buttons oder der iPhone-
Schieberegler wird komplett vom Framework bestimmt. Zwar brauchen Sie nur noch
einen Bruchteil an Zeit (und Können), um eine mobile iPhone-Seite so zu gestalten, dass
sie professionell aussieht, allerdings gibt es auch zwei Nachteile:
•
Ein Framework enthält in der Regel immer mehr Definitionen und Code, als Sie für
Ihr Projekt und Ihre Seite brauchen. Beispielsweise sind in den Frameworks oft ver-
schiedene Farben für die Titelzeile einer iPhone-Webanwendung definiert, die Sie -
außer Sie ändern per Hand den vordefinierten CSS-Code - alle installieren, obwohl
Sie sehr wahrscheinlich nur eine Farbdefinition nutzen werden. Die Verwendung
eines Frameworks bringt es zwangsläufig mit sich, dass ein Besucher Ihrer Seite mehr
Daten auf sein mobiles Gerät laden muss als unbedingt notwendig. Falls Sie sich
entscheiden, aus HTML-Code, CSS und JavaScript eine native Anwendung zu
bauen, müssen die CSS-Framework-Daten nicht aus dem Netz heruntergeladen, aber
mit der Datei gespeichert werden, was eine größere Datei nach sich zieht.
•
Die Namen der Selektoren und CSS-Klassen sind vorbestimmt, und Sie müssen Ihr
HTML an diese Klassen anpassen bzw. von Anfang an Ihren HTML-Code so konzi-
pieren. Den gleichen HTML-Code für eine normale Webseite und für eine mobile
Seite zu benutzen, wird dadurch wesentlich schwieriger.
Zwei der Frameworks, iWebKit 5 und jQTouch, stellen wir Ihnen jetzt vor. Bei den
Beispielen im Buch haben wir uns auf iWebKit 5 beschränkt, da dieses Framework
einfacher zu verstehen ist und einen schnelleren Einstieg ermöglicht. Im Gegensatz zu
iWebKit ist jQTouch dynamischer und bietet Ihnen mehr Effekte und Animationen, als
Sie bei iWebKit finden werden.
1.4.1
iWebKit 5
iWebKit 5 ist ein sehr beliebtes und kompaktes CSS-Framework und kann unter
http://iwebkit.net
kostenlos heruntergeladen werden. Falls Sie Gefallen an dem Frame-
work finden, sollten Sie einen Betrag per PayPal spenden.
