Das iPhone ist so geschickt im Umgang mit dem echten Web, dass unsere Website und das Blog in ihrer Struktur bereits ohne spezifische Anpassungsarbeiten recht gut angenommen wurden. Unsere Inhalte müssen (noch) nicht unbedingt mobil sein, deshalb hätte uns der Status Quo längst ausgereicht. Allerdings gab es eine kleine Anpassung zu machen, die in diesem Fall einen angenehmen zweiten Effekt hinterher gezogen hat:

Viewport-Breite im mobilen Safari

<meta name="viewport" content="width=641" />

(Siehe Safari HTML Reference)

Diese Angabe betrifft den mobilen Safari und schrumpft dessen Viewport auf 641 Pixel in der Breite, was wiederum dazu führt, dass die Methode »Resolution dependent layout« des Man in Blue per Event Listener zuckt und dem body eine CSS-Klasse vergibt, die wir in unseren Stylesheets für kleine Screens verwenden.
Das iPhone nimmt danach diese 641 Pixel breite Website und schrumpft sie auf 320 Pixel im Hochformat oder 480 Pixel im Querformat, je nachdem, wie man das Gerät hält.

Das Ergebnis sieht man in den Screenshots oben. Well done, dieser Zustand reicht uns nun wirklich für ein mobiles Web auf dem iPhone/iPod aus. Kein Bedarf, z.B. die etwas klein geratene Navigation anzupassen oder weiteres Feintuning zu machen.

Fazit?

Die Empfehlung für alle, die die Resolution-Methode des Man in Blue einsetzen — sehr sinnvoll übrigens, wir verwenden sie in vielen unserer Projekte als Alternative zu flüssigen Layouts — und kein Interesse daran haben, ihre Websites mit spezifischen Styles fürs iPhone zu versehen, mag also sein: Schaut mal, ob ihr über die Viewport-Breitenangabe nicht einen geschickteren Zoom erreichen könnt. Es ist nur eine Zeile im HTML, die iPhone-Nutzer glücklich machen kann.

Link: iPhone-FAQ

Wer an dieser Stelle weiter machen möchte und noch einen geeigneten Einstieg braucht, mag einen Blick auf Timos und Stephans Artikel »FAQ: Websites für das iPhone gestalten« werfen.

Anderen ist sowas auch eingefallen, wie ich eben in den Suchergebnissen entdeckt habe. Hier sind drei Decafs, die Design machen:

USA, UK, überall

DECAF is a group of International Cross-Cultural, Multi-Disciplinary Designers, promoting themselves supported by Decaf.

- alldecaf.com

Kanada

This page is under construction due to a high volume of work.

- decafdesign.com

Südafrika

Your only stimulant will be visual

- decafdesign.co.za

With regards from germany
Dirk

Das neue Design ist neutral gehalten und verträgt sich prima mit Bunt. Das werden wir von nun an ausnutzen. Und ich hoffe auch, dass zukünftig genug Zeit und Muße ist, alle Dinge hier rein zu schreiben, die sich schon so lange im Kopf und in der Ablage für Entwürfe befinden.

Ist ja auch bald wieder Weihnachten. * *   *  *      *

Eine gewisse Engstirnigkeit gehört wohl dazu, wenn man Internetportale baut.

- Kommentar bei turi2, 2007

Worum geht’s denn?
Auslöser: »Der Trend ist eindeutig: Websites in Deutschland gehen in die Breite. Und zwar auf 1.000 Pixel. [..] Viel Spaß also mit dem Web auf breiter Basis.« (Turi)

Einspruch: Der durchschnittliche Viewport von Webnutzern wird kleiner, nicht größer. Und: Internetportale sind 1999.
Weiterlesen.

Design ist nicht die Blümchentapete einer Website, sondern die Form ihrer Inhalte.

- SELFHTML-Forum, 2005

Lange Version:

»» Aber Design sollte immer nur schmückendes Beiwerk sein und niemals vor den eigentlichen Zweck der Seite (Informationen irgend einer Art zu vermitteln) gestellt zu werden.

Nein, schmückendes Beiwerk ist unnötig. Design ist nicht die Blümchentapete einer Website, sondern die Form ihrer Inhalte. Design setzt sich aus den von dir verwendeten Elementen »irgend einer Art« und »vermitteln« zusammen.

From May 10 until June 30 product design from Berlin is being showcased in Soho:

In May, the MoMA Design Stores launch Destination: Berlin, a MoMA-exclusive product collection spotlighting Berlin’s young and dynamic design scene. The products from 20 designers living and working in Berlin showcase the best of what’s happening now.

- MoMA Store

Stulle moneywear is located in Berlin’s famous Prenzlauer Berg, where designer Sabine Spanheimer produces handmade purses from canvas.

All the best for you, Sabine!

Art hides. [..]
Design reveals. [..]
Anything else that doesn’t have meaning is just decoration, at most.

Thank you for reducing to the max, Jens. According to your thoughts it’s been a while since I dropped this one:

Design is not the website’s flowery wallpaper but the character of its content.

From now on, I’ll go for the »design reveals« thing.