Web sitesi mobil cihazlara nasıl dost olunabileceğini merak ediyorum .. bu yüzden en iyi boyutlar nelerdir ve web sitesinin mobil cihazda olup olmadıklarını nasıl anlayabildiğimi nasıl anlarım? Ayrıca daha fazla aksaksız ve daha hızlı yükleme yapmak için tasarımımı ve kodlamayı sınırlamak zorundayım.Mobil Aygıtlar İçin Web Sitelerini Programlama
cevap
Orada burada gerçekten iki büyük okullar ve dinleyicilerinize bağlıdır:
mevcut mobil tarayıcılar hakkında konuşuyorsak, piyasanın çoğunluğu iPhone'da Android versiyonları gibi tam özellikli tarayıcıları kullanıyor , Palm Pre, vb Bunlar karmaşık javascript ve modern css gibi şeyleri halledebilir. Bu kalabalık için, özellikle çok sınırlı sayfa genişlikleri (> 800px) için düzenini düzene sokma, yüklenmesi gereken veri miktarını en aza indirme (mobil bağlantılar çok yavaş olabilir) ve yazı tipi boyutlarını en iyi duruma getirme gibi şeylere odaklanmak istersiniz. okunabilirlik için satır yükseklikleri. Bununla birlikte, gelişmekte olan ülkelerde (Afrika, Güney Amerika, Asya'nın bir kısmı) mobil tarama, A) son derece önemlidir ve B) donanım kapasitesinde yaklaşık 5-10 yıl geride kalmaktadır. Mobil internet, bu alanlarda bilgi edinmenin başlıca yollarından biridir, ancak gerçekten HTML gibi yazmanız gerekiyor (elbette tabloların eksi). İşaretlemenizi çok temiz ve çok basit tutun, herhangi bir şık stili sınırlayın ve javascript, flash ya da başka herhangi bir şeye güvenmeyin.
Bu tür bir kitle için, sayfanızın numaralı stil sayfası olmadan neye benzediğini görün. Semantik işaretleme kraldır. Elbette onu stil edebilecek, ancak olabildiğince az tutabileceksiniz. Umarım bazı temel fikirler sunar umuyoruz.
W3 Mobile Web Initiative. Mobile Web Validator gibi bazı iyi araçların yanı sıra birçok iyi uygulamaya sahiptir.
Arabirimi kullanıcı dostu yapmak için jQuery Mobile kullanmanızı öneririz.
- 1. Mobil aygıtlar için küçük simgeye daraltmak için gezinmeyi nasıl alabilirim?
- 2. Mobil programlama: SMS
- 3. Android'de web sitelerini engelleme
- 4. Fare Haritaya Dokunmak Masaüstü tarayıcılarda Mobil Web Sitelerini test etmek için Olaylar
- 5. Web sitelerini kazıyın ve HTML'ye dönüştürün?
- 6. Allshare çerçeveyi destekleyen aygıtlar
- 7. Mobil web uygulamanıza yükleme ekranı nasıl verilir?
- 8. Aygıtlar için genel medya sorguları
- 9. Web İçin Otomatik Uluslararası Programlama Testi
- 10. Mobil uygulamalarla web uygulaması için hangi mimari?
- 11. Mobil tarayıcılara yönelik web testi
- 12. Web sitelerini Delphi Prism ile yapmaya nasıl başlarım?
- 13. Önceki aygıtlar için Roboto yazı tipini kullan
- 14. Tüm aygıtlar için destek kontrol edin
- 15. Güvenli web sitelerini Apache httpd 2.4.6 ve Tomcat 8
- 16. R: Veri çerçevesindeki URL dizesinden web sitelerini açın
- 17. Mobil geliştirme için Haskell
- 18. web sitem mobil dostu yapma - Google mobil dostu testi
- 19. mobil web sitesi için zepto kitaplığı kullanıyorum zepto
- 20. Mobil cihazlar için bir web sitesi nasıl ölçeklendirilir?
- 21. Web/Mobil Oyunlar Geliştirmek İçin Hangi Dil Öğrenmeli?
- 22. iOS için mobil web sitesinde "whatsapp'ta paylaş" düğmesi nasıl eklenir
- 23. MathJax web, mobil cihazlar için yapılandırma ve yardımcı
- 24. Bir shim deposu nedir? Web programlama bağlamında
- 25. Mobil Safari Mobil safari HTML5 kullanan iPad için bir web uygulama tasarlama
- 26. html sayfası mobil web tarayıcıda çok küçük
- 27. Jsoup örnek veri formu farklı html'nin sayfa (veya) web sitelerini okumak için?
- 28. SWIFT: Mobil Uygulama Amazon Web Service'e bağlanıyor
- 29. Web sunucumdaki mobil istemcileri nasıl tanıyabilirim?
- 30. MVC Mobil web tarayıcılarına video akışı