Mobilde her kilobaytın hesabı yapıldığı için ve masaüstüne göre nispeten daha yavaş bağlantılar nedeniyle uyumlu web çalışmalarında performan daha fazla önem kazanıyor.

Tasarım icabı mobilde gizlenecek alanlardaki artalan resimleri kaldırmamız bize avantaj sağlayacaktır.

  .logo {
    background: url(logo.png) 0 0 no-repeat;
  }
  
  @media (max-width: 979px) {
     .logo { 
        display: none;
     }
  }

yerine

  .logo {
    background: url(logo.png) 0 0 no-repeat;
  }
  
  @media (max-width: 979px) {
     .logo { 
        background-image: none
     }
  }

kullanımı bize performans olarak geri dönecektir.

Kaynaklar

Javascript ile medya kontrolü

CSS ile birlikte çok fazla medya kontrolünü kullanıyoruz.{% highlight css %}/* Smartphones (portrait) ----------- [email protected] only screen an...… Devamını oku

Yenilenen Google Çeviri hizmeti

31 January 2017 tarihinde yayınlandı.

CSS ile çıktı alırken sayfa sonunu belirlemek

30 January 2017 tarihinde yayınlandı.