Responsive Web Tasarım

Web Tasarımınız Mobil Uyumlu Olarak Çalışıyor mu ?

Özellikle son yıllardaki hızlı teknolojik gelişimler, internete hemen hemen her elektronik aletler ile bağlanmamıza olanak sağladı.Aslında bu oldukça iyi bir gelişme olsa da web geliştiricilerinin üzerine ağır bir yük geldi.Daha önceleri sadece belirli ekranlar ile -pc yada laptoplar- uyumlu web siteleri geliştirilirken şimdi daha küçük ekranlı akıllı telefonlardan, büyük ekran akıllı televizyonlara kadar bir çok farklı boyuta uygun web siteleri yada uygulamaları geliştirmek zorundalar.Tabi ki bu bir mecburiyet olmasa da bugün internet kullanıcılarının yarısının telefonlardan internete girdiğini düşünürsek web sitelerinin rekabet açısından küçük ekranlara uyumunun ne kadar gerekli olduğunun anlamış oluruz.

2010 yılında Ethan Marcotte adında bir arkadaş Responsive Web Design diye bir tabir attı ortaya.Yer yerinden oynadı:) Peki nedir bu Responsive Design.Duymayan hala var mıdır bilmiyorum ama biz yine de söyleyelim, responsive Türkçe’ye uyumlu-duyarlı olarak çevrilmiş.Yani demek istiyorlar ki her yere, her şeye uyumlu tasarım.Yani 300px genişlik ile 2100px genişliğe sahip bütün ekranlarda sorunsuz ve rahat kullanım sağlayacak bir tasarım konsepti.Tabi ki Ethan responsive dedi diye bu siteler uyumlu hale gelmiyor,bunun için CSS de daha önce tanımlanmış bazı özellikler devreye giriyor.Ama yazımız web sitelerini nasıl responsive yaparız olmadığı için o konuya girmiyorum.İnternette aramaya yaparsanız karşınıza bununla ilgili sayısız döküman çıkacaktır.

Dediğim gibi sitenizi CSS özelliklerini kullanarak responsive yaptınız fakat iş burada bitmiyor maalesef.Nasıl ki yaptığınız tasarım farlı web tarayıcılarında farklı gözüküyor ve bunu düzeltmek için tarayıcı kontrolü yapıyorsanız, responsive sitenizi de farklı cihazlarda test etmeniz gerekiyor.Çünkü akıllı cihazların boyutları birbirlerinden farklı olur.