2009-06-26 7 views
1

Hat jemand ein Website-Theme für das iPhone erstellt?Website Theme für IPhone - Was sind die grundlegenden Zutaten?

Bitte lassen Sie mich wissen, irgendwelche Tipps oder Ressourcen.

Hier ist meine Theorie: entworfen für Desktop-Monitore Wie man eine Website Thema

  1. erstellen Website-Thema für das iPhone zu machen. Versuchen Sie, kein Element größer als 320px (iPhone Bildschirmauflösung) zu machen.

  2. Erstellen Sie 2 Stylesheets. Einer für Desktop-Monitore und ein anderer für das iPhone. Standardmäßig wird die Desktop-Version des Stylesheets aufgerufen. Das iPhone-Stylesheet würde Elemente so anzeigen, dass sie in die 320-Pixel-Auflösung passen.

  3. Erstellen Sie JavaScript-Datei, die Bildschirmgröße erkennt. Wenn die Bildschirmgröße weniger als 321 Pixel beträgt, wird das Stylesheet durch das Stylesheet der iPhone-Version ersetzt.

Antwort

1

Flüssige Layouts funktionieren gut. Wenn Sie auf dem iPhone von Querformat auf Hochformat und zurück wechseln, wird der Text neu formatiert. I've used this one.

+0

gutes Beispiel. Ich versuche, etwas ein wenig anders zu machen. Ich möchte ein mehrspaltiges Layout für Desktop und einzelne Spalte für iPhone verwenden – edt

+0

Haben Sie sich IUi und jQTouch angesehen? – Nosredna

+0

Ja, aber ich möchte das Theme auf ein bestehendes CMS anwenden, also scheinen diese etwas übertrieben zu sein. Ich kann wahrscheinlich etwas CSS ausleihen ... – edt

0

Check out IUI, die für Ihre Website/Anwendung eine sehr iPhone wie UI zur Verfügung stellt. (Kostenlos!)

Beispiele:

+0

IUI sieht fantastisch aus, aber ich bin nicht sicher, dass es meinen Anforderungen entspricht. Außerdem gibt es sehr wenig Dokumentation. Ich versuche, ein Thema für eine E-Commerce-Website zu erstellen, die auf dem iPhone anders als auf dem Desktop angezeigt wird. – edt

+0

keine Sorgen nur gedacht, wenn Sie eine Basis für die iPhone-Stile möchten, könnte dies helfen. – scunliffe

Verwandte Themen