Mobil Web Sitesi Nasıl Yapılır?

David M. Boren · 16 Ocak 2017

Merhabalar,

Web sitesi yapıyoruz evet, mobil uyumlu(responsive) diyoruz, bir lafım yok ama responsive değil de "m'li" veya "/mobile" şeklinde olan masaüstü cihazdan bağımsız olan(açıklamanın sonunda bazı örnekler verdim), bu mobil siteler nasıl yapılıyor? Nasıl bir ekran çözünürlüğüne göre kodlanıyor? Kodlamak için ne gerekli? Nasıl otomatik olarak mobilden girince "m' li" olan URL'ye yönlendiriyor?

Bu sitelere bir kaç örnek:
İrem Derici Resmi Web Sitesi - Official Web Page | İrem Derici ==> İrem Derici Resmi Web Sitesi
Facebook - Giriş Yap veya Kaydol ==> https://m.facebook.com/
Twitter. İşte olup bitenler. ==> Welcome to Twitter

Bulut Uzer · 16 Ocak 2017

M ibareli olması onun masaüstü cihazdan bağımsız yapmıyor. O da responsive bir arayüzüne sahip. Bunun için Jquery Mobile gibi kütphaneleri kullanabilirsin, ya da kendin responsive bir arayüz yazabilirisn. M için ise en kaba örnek olarak bu makaleyi inceleyebilirsin.

How to redirect your website to its mobile version - InMotion Hosting

RealtimeUfuk · 18 Ocak 2017

Bulut Uzer dedi:
M ibareli olması onun masaüstü cihazdan bağımsız yapmıyor. O da responsive bir arayüzüne sahip. Bunun için Jquery Mobile gibi kütphaneleri kullanabilirsin, ya da kendin responsive bir arayüz yazabilirisn. M için ise en kaba örnek olarak bu makaleyi inceleyebilirsin.

How to redirect your website to its mobile version - InMotion Hosting

Sana katılıyorum, kendi kişisel web sitem http://www.ufukweb.xyz responsive tasarımını css media etiketlerini kullanarak kendim yazdım.

David M. Boren dedi:
Merhabalar,

Web sitesi yapıyoruz evet, mobil uyumlu(responsive) diyoruz, bir lafım yok ama responsive değil de "m'li" veya "/mobile" şeklinde olan masaüstü cihazdan bağımsız olan(açıklamanın sonunda bazı örnekler verdim), bu mobil siteler nasıl yapılıyor? Nasıl bir ekran çözünürlüğüne göre kodlanıyor? Kodlamak için ne gerekli? Nasıl otomatik olarak mobilden girince "m' li" olan URL'ye yönlendiriyor?

Bu sitelere bir kaç örnek:
İrem Derici Resmi Web Sitesi - Official Web Page | İrem Derici ==> İrem Derici Resmi Web Sitesi
Facebook - Giriş Yap veya Kaydol ==> https://m.facebook.com/
Twitter. İşte olup bitenler. ==> Welcome to Twitter

Senin soruna cevap olarak Jquery mobile kullanabilirsin. Yada Bootstrap'ın grid sistemi var, mobil uyumlu onun sistemi. Ama en iyi ve en temiz yol css te kendin yazman olur. Çünkü biryerde sorun olduğunda kendin yazdığın için araştırıp sorunu bulursun. CSS Media etiketlerini araştır.

Mobil Web Sitesi Nasıl Yapılır?

Ayrıntılı düzenleme

David M. Boren

Hectopat

Bulut Uzer

Kilopat

RealtimeUfuk

Kilopat

Benzer konular

Yeni konular

Yeni mesajlar

Gizliliğinize önem veriyoruz