Merhabalar
Tasarımda(Temada) çözünürlük konusu can sıkan konulardan birisidir.
Bizler tema çizerken (Tasarlarken) standart ölçülere uygun bir tama yapmaya yöneliriz.
Ölçü ?
Şu anda şu ölçü en standart şudur diyen kişi yoktur.
Genişlik Bakımından bakarsak kimisi 1024 px der kimisi 1000 px kimisi 960 px der hangisini seçeceğiz ?
- Ben diyorum ki ifadesiyle cümle başlatmak istemiyorum sadece düşünelim şuan en küçük ekran boyutları olan bilgisayarların monitör boyutlarına bakıp,(Büyük)Tabletlere bakmakta fayda var.
Benim önerim 960 px dir.Araştırmalarım sonucunda buna yöneldim.
Ölçümüz Belli Tasarımı Kodlarken Hata Yaparsak Nasıl Göreceğiz?
Biz yaptığımız temayı kodluyoruz ama biz kendi ekranımızda görüyoruz herkes bizim ekranımızdan kullanmıyor aynı tarayıcı vs vs bir sürü ıvır zıvır..
Yapabileceğimiz Yöntemler (Ek yöntem biliyorsanız ekleriz)
1-Tarayıcı büyültüp Küçültmek
Kolay bir yöntem sitenizin görünümündeyken tarayıcınızı büyültüp küçültün doğruyu verir mi verir ama sizden büyükler için göremezsiniz çünkü en büyük sizsiniz
2-Ekran çözünürlüğü düşürüp büyültmek
Masaüstünü bozan bir uygulama denerdim ama sürekli masaüstü ögelerini düzeltmekten bıkardım etkilidir sizden büyük ve küçükleri görürsünüz.
Dikkat Monitörünüzün Desteklemediği Frekansa çıkarsanız "out of range"(Yanlış Yazmadıysam Her Monitörde Aynı Yazı İse) hatası alırsanız sistem geri yükleme vs uğraşırsınız!!
3-Bir site aracılığı ile
veeeeee en kolay ve güzel bir yöntem yok onu büyült yok bunu geçin bunları bir web sitesi var mmmmmm tadından yenmiyor
isimli site size istediğiniz ölçüleri veriyor ve tarayıcı önemi kalmıyor ortada nötrden bir bakış gibi kullanımı basit ve kolay;
Kırmızı Kutu İçine Aldığım Yer
İlk önce karşınıza gelen arama yerine sitenizin veya görmek istediğiniz adresi yazın
(easy php'de tasarım yaparken "127.0.0.1" adresinden tema mı görebiliyordum ve localhost vs her türlü link yazabilirsiniz)
Mor Kutu İçine Aldığım Yer
Soldan sağa
PC > TABLET > MOBİL
kategorileri vardır ve belli başlı ölçüler hazır bulunur kolayca seçme imkanı verir.
Koyu Yeşil Kutu İçine Aldığım Yer
Televizyon ekranları için ayarlanmış ölçüler.
Turkuaz Kutu İçine Aldığım Yer
Bizim için serbest değer bölümü istediğimiz ölçüyü yazabiliriz.
4-Kendimize Biraz Çöpü Batıralım...
Kodlamamız ne kadar temiz ve güzel olursa hata payı 0 olur birazcıkta yaptığımız kodlamaya çamuru atarak konuyu bitiriyorum..
Bu konu hassas bir konu dikkat edilmediğinde kötü sonuçlar doğabilir böyle siteler daha var mı bilemiyorum ama bu sitelerin ömrünün çok uzun olduğunu görmedim.
İnşallah uzuuuun yıllar hizmet verir.
Not: 960 Grid sistemini mybb üzerinde entegre etmek istedim yalnız her şablona kodlar eklemek yerine bunun mybb'ye gerek olmadığını gördüm.. Çünkü Mybb Sistemi 960 grid sistemi gibi size alanlar vermiş özellikle 1.8.x de..
Önerdiğim Yöntem 3. yöntemdir..
İyi Günler
Güncelleme 26-07-2015
Güncelleme 19-09-2016
Tasarımda(Temada) çözünürlük konusu can sıkan konulardan birisidir.
Bizler tema çizerken (Tasarlarken) standart ölçülere uygun bir tama yapmaya yöneliriz.
Ölçü ?
Şu anda şu ölçü en standart şudur diyen kişi yoktur.
Genişlik Bakımından bakarsak kimisi 1024 px der kimisi 1000 px kimisi 960 px der hangisini seçeceğiz ?
- Ben diyorum ki ifadesiyle cümle başlatmak istemiyorum sadece düşünelim şuan en küçük ekran boyutları olan bilgisayarların monitör boyutlarına bakıp,(Büyük)Tabletlere bakmakta fayda var.
Benim önerim 960 px dir.Araştırmalarım sonucunda buna yöneldim.
Ölçümüz Belli Tasarımı Kodlarken Hata Yaparsak Nasıl Göreceğiz?
Biz yaptığımız temayı kodluyoruz ama biz kendi ekranımızda görüyoruz herkes bizim ekranımızdan kullanmıyor aynı tarayıcı vs vs bir sürü ıvır zıvır..
Yapabileceğimiz Yöntemler (Ek yöntem biliyorsanız ekleriz)
1-Tarayıcı büyültüp Küçültmek
Kolay bir yöntem sitenizin görünümündeyken tarayıcınızı büyültüp küçültün doğruyu verir mi verir ama sizden büyükler için göremezsiniz çünkü en büyük sizsiniz
2-Ekran çözünürlüğü düşürüp büyültmek
Masaüstünü bozan bir uygulama denerdim ama sürekli masaüstü ögelerini düzeltmekten bıkardım etkilidir sizden büyük ve küçükleri görürsünüz.
Dikkat Monitörünüzün Desteklemediği Frekansa çıkarsanız "out of range"(Yanlış Yazmadıysam Her Monitörde Aynı Yazı İse) hatası alırsanız sistem geri yükleme vs uğraşırsınız!!
3-Bir site aracılığı ile
veeeeee en kolay ve güzel bir yöntem yok onu büyült yok bunu geçin bunları bir web sitesi var mmmmmm tadından yenmiyor
Kod:
quirktools
isimli site size istediğiniz ölçüleri veriyor ve tarayıcı önemi kalmıyor ortada nötrden bir bakış gibi kullanımı basit ve kolay;
Kod:
http://quirktools.com/screenfly/
Kırmızı Kutu İçine Aldığım Yer
İlk önce karşınıza gelen arama yerine sitenizin veya görmek istediğiniz adresi yazın
(easy php'de tasarım yaparken "127.0.0.1" adresinden tema mı görebiliyordum ve localhost vs her türlü link yazabilirsiniz)
Mor Kutu İçine Aldığım Yer
Soldan sağa
PC > TABLET > MOBİL
kategorileri vardır ve belli başlı ölçüler hazır bulunur kolayca seçme imkanı verir.
Koyu Yeşil Kutu İçine Aldığım Yer
Televizyon ekranları için ayarlanmış ölçüler.
Turkuaz Kutu İçine Aldığım Yer
Bizim için serbest değer bölümü istediğimiz ölçüyü yazabiliriz.
4-Kendimize Biraz Çöpü Batıralım...
Kodlamamız ne kadar temiz ve güzel olursa hata payı 0 olur birazcıkta yaptığımız kodlamaya çamuru atarak konuyu bitiriyorum..
Bu konu hassas bir konu dikkat edilmediğinde kötü sonuçlar doğabilir böyle siteler daha var mı bilemiyorum ama bu sitelerin ömrünün çok uzun olduğunu görmedim.
İnşallah uzuuuun yıllar hizmet verir.
Not: 960 Grid sistemini mybb üzerinde entegre etmek istedim yalnız her şablona kodlar eklemek yerine bunun mybb'ye gerek olmadığını gördüm.. Çünkü Mybb Sistemi 960 grid sistemi gibi size alanlar vermiş özellikle 1.8.x de..
Önerdiğim Yöntem 3. yöntemdir..
İyi Günler
Güncelleme 19-09-2016