Hilfe zur Website-Optimierung für iPhone

Question

Wir versuchen, eine mobile Version für eine unserer asp.net Web-Anwendungen zu machen, aber wir möchten iPhone spezifisch machen.

Gibt es Ressourcen gibt, die Best-Practice-Leitlinien:

• UI-Richtlinien, alle .net-Control-Bibliotheken, die iPhone spezifisch sind.
• Sicherheitsrichtlinien - alles, was der iPhone Browser (mobile Safari) hat.
• Usability-Richtlinien - Navigationshinweise, Knopfgrößen usw.

Alles andere, die uns zusammen eine App setzen wird dazu beitragen, die auf iPhone nativen aussieht.

Answer 1

Apple hat eine Web Apps Dev Center (kostenlose ADC-Konto erforderlich).

Auch neueste Versionen von DashCode haben integrierte Vorlagen für iPhones-Websites. Einige dieser Ressourcen sind möglicherweise anwendbar.

Answer 2

Es gibt ein paar gute Artikel auf einer Liste sind Apart:

• Put Your Content In My Pocket
• Your Content In My Pocket, Part II

Außerdem haben Apple den Safari Web Content Guide, die zur Konfiguration der Ansichtsfenster viele valulable Informationen hat, wenn Webinhalte für das iPhone entwerfen.

Answer 3

Hier sind einige Design-Ressourcen:

• Tutorialblog's list of resources
• Mashable's list of resources

Außerdem glaube ich, facebook Open-Source-JavaScript-API sie iphone.facebook.com machen gebaut, aber ich kann es im Moment nicht finden ..

Answer 4

Ich habe vergessen zu erwähnen, iUI ist ein nettes kleines CSS und JavaScript-Paket speziell auf iPhone Web Apps ausgerichtet. Es wird Ihnen wahrscheinlich viel Zeit sparen.

Answer 5

Sie können dieses Tutorial auf css-tricks.com check out: #38: Basics & Tips on Designing for the iPhone

Answer 6

Shameless Stecker: Optimizing Your Website for Mobile Safari