Peruns Weblog - Webwork und Internet

Mobiles Webdesign

Mir wurde freundlicherweise vor mehreren Wochen ein Rezensionsexemplar von dem Buch "Mobiles Webdesign: Webseiten für mobile Endgeräte" (Autor: Manuel Bieh) vom Galileo-Verlag zugeschickt und ich wollte mich zuerst dafür bedanken.

Ich habe es leider aus Zeitmangel lediglich geschafft das Buch zu überfliegen. Deswegen hüte ich mich jetzt hier eine qualifizierte Meinung abzugeben, ich hoffe allerdings, dass ich es in den folgenden Wochen schaffe das Buch richtig zu lesen.

Aber vielleicht kann es hier jemand im Kommentar näher vorstellen und wer Interesse hat, der kann hier gerne eine Rezension unter seinen Namen veröffentlichen. Einfach Bescheid geben.

Ich hatte neulich das Vergnügen für eine bestehende Website auch eine CSS-Datei speziell für iPhone/iPod Touch einzubinden. Dabei hat mir der FAQ-Bereich von "Vorsprung durch Webstandards" sehr geholfen. Der Artikel ist schon etwas länger, daher kann ich euch hier eine kleine Kurzfassung von Punkten wiedergeben, die ich persönlich für wichtig halte:

• Die sichtbare Fläche von iPhone und iPod hat folgende Ausmaße: im Hochformat 320 x 356 Pixel und im Querformat 480 x 208 Pixel
• iPhone und iPod kann man nicht wie andere Handys mit <link rel="stylesheet" media="handheld" /> ansprechen
• Allerdings kann man mit etwas CSS3 doch zum Ziel kommen: media="only screen and (max-device-width: 480px)"
• Um das rauszoomen zu verhindern bzw. zu erreichen, dass iPhone/iPod die Website in voller Breite darstellt, sollte man folgendes im Kopfbereich eintragen: <meta name="viewport" content="width=320" />