Mobil site yapmak için temel kurallar

Farkettim ki; Mobil Şeyler kategorisine pek bir şeyler karalayamıyorum. Konuyla ilgili internette işe yarar bir şeyler de mevcut değildi. Ben de kodlama konusunda bildiklerimi yazayım dedim.

“Accesskey” kullanımı

Accesskey olayı navigasyonu sağlar ve mobil cihazlar için kodlamanın mihenk taşlarındandır. (Bilgisayar klavyesinde de kullanılır.) Ama bunda dikkat edilmesi gereken yerler var. Bunlar; numaraların 9′u geçmemesi, belli başlı linklerde uygulanması, yönüne göre kullanılması(mesela bir yazı sayfasında, sonraki yazı linki için; 6). Accesskey şu şekilde kullanılabilir:

<a href="http://www.y4lcin.com" accesskey="6″>Sonraki yazı</a> (6'ya basın)

“style” etiketlerini kullanın, “class” veya “id” çağırmayın

Ama <div style=”margin-bottom: 1px;”> şeklindeki kodlamada eklenen “class” veya “id” yerine “style” etiketi, sayfa yüklemesinde daha çok hız sağlardı.

Flash kullanımı

Flash kullanmamaya dikkat edin. Çünkü hala flash player kullanamayan mobil cihazlar var. Şaka gibi ama bunların en başında iPhone geliyor :)

Kısacası; çok sade ve minimal kodlama ve tasarım

Çok sade kodlamada fayda vardır; önceki maddelerde söylediğim gibi. Ama bunun en önemli olanı, JavaScript gibi makinenin işlem yapacağı değil de PHP gibi sunucuda çalışan kodlama dillerini kullanmanız. JavaScript ile yaptığınız atraksiyonlar(Ajax gibi) PHP ile yapılamaz ama.

Minimal kodlama dışında, sade tasarım da gerekli. Gerekliliği, cihazların ekran boyutlarının da kendine göre olması.

iPhone için “favicon” ayarlamak

Şu kodu kendinize uyarlayabilirsiniz:

<link rel=”apple-touch-icon” href=”http://www.y4lcin.com/favicon.png” />

DOCTYPE ayarı

Eğer sayfanızın en başında bu kod bulunuyorsa:

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

şu hale getirin:

<?xml version=”1.0″ encoding=”UTF-8″?>
<!DOCTYPE html PUBLIC “-//WAPFORUM//DTD XHTML Mobile 1.0//EN” “http://www.wapforum.org/DTD/xhtml-mobile10.dtd”>

Otomatik bir servis

Eğer otomatik yapacak bir servis isterim derseniz; Mofuse‘u önerebilirim. Bu site RSS beslemenizle çalışıyor. Sonra sizin için isim.mofuse.mobi şeklindeki alan adınızı veriyor. Sitenize mobil cihazlardan girildiği takdirde anasayfanıza gelenleri de bu sayfaya yönlendirmenizi sağlayabiliyor.

{bkz. , , , , , , , , , , , }

25 Haziran 2009 Perşembe günü, Mobil Şeyler İnternet kategorisinde Yalçın'dan başkası yayımlamadı.

Bu yazı yoruma sahip. Yorumlayacaksanız; ↓

  1. avatar teknik servis yorumu: Cevapla
    30 Haziran 2009, 17:15

    tesekkurler paylasımın icin

  2. avatar regaip acar yorumu: Cevapla
    13 Ekim 2009, 18:40

    acıklama için cok tesekkururler
    adam akıllı yazan 2 saatlık arastırmamaın sonunda bir sizi buldum
    cok sagolun emeğinize saglık

  3. avatar y4 yorumu: Cevapla
    13 Ekim 2009, 21:29

    ben de size teşekkür ederim arkadaşlar.

Yorumunu kat, düşünceni bildir

Uzaktan Takip

feedburner rss beslemesi

Sevgili okur; zamanın kısıtlıysa e-posta adresini gir, yazıları bir çoğu gibi günün sonunda e-posta kutundan oku:

Bu Yazıdan Önce ve Sonraki Yazı

Rastgele Bi'kaç Yazı

Son Yazılar

Son Yorumlar