Web siteleri oluşturan ve yöneten kişilere adanmış bu yazıda , bir web sitesinin görüntüsünü çeşitli ekran çözünürlüklerinde kontrol etmenizi sağlayan gerçekten iyi yapılmış birkaç site görüyoruz. Bugün web siteleri, bilgisayarlar, dizüstü bilgisayarlar, cep telefonları, tabletler ve televizyonlar gibi büyük monitörlerden küçük dokunmatik ekranlara kadar her boyutta ekranla farklı şekillerde araştırılıyor . Bu, bir site tasarlayanların sitenin tüm terminallerde ve herhangi bir çözünürlükte ekranlarda açıkça görülebilmesini sağlaması gerektiği anlamına gelir.
En popüler cihazlar için optimize edilmiş içerik sunmayan ve tüm çözünürlüklerde okunaklı olan bir site çok sayıda ziyaretçiyi kaybedebilir.
En popüler blog platformları arasında Blogger, her blogun mobil sürümünü etkinleştirmenize izin verirken, WordPress CMS ile mobil sürümü otomatik olarak oluşturmak için bir eklenti kullanabilirsiniz.
Her durumda , sitenin büyük monitörlerde ve küçük ekranlarda doğru görüntülendiğinden emin olmak için çözünürlükleri denemek hala önemlidir.
Boyutu test etmenin ve cep telefonlarında çözünürlüğü görmenin birkaç yolu vardır.
Windows'dan ekran çözünürlüğünü kontrol paneli menüsünden düşürebilirken, her cep telefonu için bir emülatör veya simülatör vardır.
Başka bir makalede sanki bir cep telefonu gibi bir bilgisayardan internette sörf için bir rehber yazmıştı.
Önce bunu yapmak ve farklı ekran çözünürlüklerine ve cep telefonlarıyla uyumluluğa sahip bir sitenin boyutunu test etmek için Responsivetesttool otomatik web uygulaması kullanılabilir. Bu çevrimiçi hizmet, belirli bir web sitesini önceden tanımlanmış çözünürlüklerde görüntülemenizi sağlar. Sadece kontrol etmek için sitenin adresini yazın ve ardından fareyle tıklayarak çözünürlüğü seçin. Sol tarafta kullanılan cihaza göre çözünürlüğü değiştiren yarı saydam düğmeler görünür. Ardından, bir web sayfasını seçmeyi veya 4 ana kategoriyi görmeyi seçebilirsiniz:
- Masaüstü : 10 "netbook ekran boyutuna sahip bir siteyi 24" masaüstü bilgisayar monitörüne kadar görüntülemek için.
- Sitenin bir iPad, Samsung Galaxy veya diğer tabletlerden açılıp açılmadığını kontrol etmek için tablet.
- Mobil, Android, iPhone, Blackberry ve Google Nexus S dahil olmak üzere dünyanın en çok kullanılan cep telefonlarını ve akıllı telefonlarını bir araya getiriyor.
- Televizyonu, web sayfalarını çözünürlüğe (1920 × 1200) kadar geniş ekranlarda görüntülemek için.
ScreenFly, ne kadar iyi çalıştığını, akıcı ve test edilen bölgeyi hiç yüklemeden dikkat çekmeye değer hızlı bir uygulamadır. Screenfly'in ilginç bir özelliği de sitelerin mobil sürümlerini otomatik olarak algılama yeteneğidir .
Bu olasılık, çarpı işareti Proxy sunucu yok (aygıt değiştirmeyi devre dışı bırakır) seçeneğine yerleştirilerek devre dışı bırakılabilir. Ayrıca dikey kaydırmayı etkinleştirebilir ve ekranı döndürebilirsiniz.
TestSize ise bir cep telefonu ekranından (240X320) TV'ye (1920X1200) kadar çözünürlükleri simüle etmenizi sağlayan dinamik bir uygulamadır.
TestSize çok iyi çalışır ve + ve - tuşlarına basarak herhangi bir boyutu simüle etmenizi sağlar.
Google'dan, herhangi bir web sitesinin veya web sayfasının çeşitli boyutlardaki ekranlarda otomatik ve hızlı bir şekilde nasıl görüntülendiğini kontrol etmek için çok uygun olan Resizer aracını kullanmak mümkündür.
