Trợ giúp tối ưu hóa trang web cho iPhone

Question

Chúng tôi đang cố gắng làm việc trên một phiên bản di động cho một trong các ứng dụng web asp.net của chúng tôi, tuy nhiên chúng tôi muốn làm cho iPhone cụ thể.

Có bất kỳ nguồn lực hiện có trong đó cung cấp các hướng dẫn thực hành tốt nhất:

• Hướng dẫn giao diện người dùng, bất kỳ thư viện kiểm soát .net đó là iPhone cụ thể.
• Nguyên tắc bảo mật - mọi thứ đặc biệt mà Trình duyệt iPhone (safari di động) có.
• Khả năng sử dụng Hướng dẫn - mẹo chuyển hướng, nút kích thước vv

Bất cứ điều gì khác mà sẽ giúp chúng tôi đặt cùng một ứng dụng trông có nguồn gốc từ iPhone.

Answer 1

Apple có Web Apps Dev Center (yêu cầu tài khoản ADC miễn phí).

Ngoài ra, các phiên bản gần đây của DashCode có các mẫu được tích hợp sẵn cho các trang web iPhone. Một số tài nguyên có thể được áp dụng.

Answer 2

Có một vài điều tốt về A List Apart:

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

Ngoài ra, Apple có Safari Web Content Guide trong đó có rất nhiều thông tin valulable về cách cấu hình các Viewport khi thiết kế nội dung web cho iPhone.

Answer 3

Dưới đây là một số thiết kế-nguồn:

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

Ngoài ra, tôi nghĩ rằng facebook mã nguồn mở javascript-API họ xây dựng để làm iphone.facebook.com, nhưng tôi không thể tìm thấy nó vào lúc này ..

Answer 4

Tôi quên đề cập đến, iUI là một gói CSS và JavaScript gọn gàng đặc biệt nhắm mục tiêu vào ứng dụng web iPhone. Nó có thể sẽ giúp bạn tiết kiệm rất nhiều thời gian.

Answer 5

Bạn có thể kiểm tra hướng dẫn này trên css-tricks.com: #38: Basics & Tips on Designing for the iPhone

Answer 6

Shameless plug: Optimizing Your Website for Mobile Safari