Uyumluluk büyük miktarda almak için, size çalıştırmak değirmen düşünün masaüstü bilgisayarlarda çalışan çan ve ıslık tarayıcıların çoğu terkediyor ile kapalı ticaret var.

• XHTML belgeleri ile mobile doctype bildirmek ve biçimlendirme ve styleheets geçerli olduğundan emin olun.
• Gerçek basit CSS tutun. No: sabit boyutları / marjları sizin kullanımını sınırlamak, tasarımının bir parçası olarak görüntüleri kullanmak istemiyorum, hover.
• Simülatörü gerçek cihazlar olarak kendilerini test etmek için de etkili değildir. Wifi / Bluetooth PAN yapmak Telefonları hayatı ucuz yapabilir, ancak operatörünüzün ağı üzerinden test ayrıca hız ve gecikme daha iyi anlamak yardımcı olacaktır.
• Orada hiçbir "Tipik bir aygıt" olduğunu, ancak web WebKit CSS eklentileri kullanmadan webkit altında gerçekten iyi görünümlü alabilirsiniz eğer, cihazlar (Nokia S60, iPhone, Android, vb) büyük bir kısmını kapalı ettik. Opera Mini ile çalışmak, ve hatta daha o kısmını genişletmek gerekir.
• Mümkün olduğunca çıktı sıkıştırın. Sadece son kullanıcılar büyük ihtimalle ağı ile sınırlı olacak, ekran ve sınırlı CPU işlemci olacak. Hızlı onlara verileri zorlayabilir, daha az halsiz web sitenizin hissedeceksiniz.

A List Apart koşullu mobil cihazlar için farklı stil sayfaları kullanarak ilgili güzel bir yazı var:

http://www.alistapart.com/articles/putyourcontentinmypocket/

Bu iPhone özgü olsa da, iPhone için web içeriği tasarımı Elmalar Dokümantasyon kontrol edebilirsiniz, genel olarak mobil cihazlar için geçerlidir:

http://developer.apple.com/iphone/library/documentation/AppleApplications/Reference/SafariWebContent/OptimizingforSafarioniPhone/OptimizingforSafarioniPhone.html#//apple_ref/doc/uid/TP40006517-SW1

Sadece benim iki sent:

1. Personally, I would make the layout fluid, so that it auto adjusts itself according to the length and breadth of the display. Remember many phones have accelerometers which can change the direction of the page, when tiled sideways. In this case, horizontal scrolling is a big no-no.

2. Sadece bir kenara ve mevcut tüm faydasız şeyleri bilgi Daha fazla düğme altında yerler olmalıdır, sadece temel bilgi, gelişmiş ya da ayrıntılarını tutun.

3. Images kullanabilirsiniz, ya da ben söylemiyorum - mümkün olduğunca asgari olarak kullanın. Bu kullanıcının bant genişliği en alacaktı. Eğer GPRS/EDGE altındaki kişiler için bu hedef ise, o zaman daha iyi daha Görüntüler kaçının. İnsanlar 3G daha iyi bir şans var.

4. Bir fikrim var, bir Facebook bakmak veya Gmail mobil arayüzü olabilir. Google Reader's mobil arayüz işareti kadar da iyi, ama yine de değil.

5. Ben çok kişi benimle aynı fikirde olacağını bilmiyorum - AJAX düşük tutun. Sayfanız çok ajaxified ise en telefonları çok yük işleyemez. Bir cep ve bir bilgisayar olduğunu unutmayın. Bazı sınırlama yoktur. Muhtemelen çok yüksek uç telefonlar render, ama güçlü sizin userbase tutmak için, kullanımını en aza indirmek.

Content Load: sayfa yüklemek için sadece çok zaman alırsa, o zaman muhtemelen kullanıcı bunu kullanarak rahatsız olmaz. Onlar onun / onun çalışmaları yapılıyordu alabilirsiniz başka bir alternatif / hizmetini kullanmayı tercih ediyorum.

CSS: mümkün olduğu kadar CSS az yararlanın. Ben birçok kez, yukarıda söylediğim gibi renklere Görüntüler daha fazla kullanın. Sen sayfa ekranda düzgün uygun yapmak için şamandıranın faydalanmak gerekir. Eğer küçük bir yazı tipi kullanabilirsiniz arzu ederseniz - ama dikkatli olun, belli bir seviyenin altına gitmez.