Responsive Web Tasarımı Nedir?

Eskiden internet erişim aracı olarak sadece bilgisayarlar vardı ve web sayfaları bu bilgisayarların ekran çözünürlüklerine göre tasarlanıyordu. Önceleri standart olan 800 x 600 çözünürlüğü, zamanla 1366 x 768'e çıktı.

Gelişen teknolojiyle beraber hayatımıza akıllı telefonlar, tabletler ve netbooklar girmeye başladı. Dolayısıyla bu cihazlarla da internete giriş yapılabildiğinden, mobil görüntü sağlamayı amaçlayan tasarımcılar, HTML5 ve CSS3 ile web sayfalarının mobil cihazlarda sorun yaratmadan görüntülenmesi için çalışarak ortaya Responsive, yani Duyarlı terimini çıkardılar.

Peki nedir bu Responsive Web Tasarımı? Basitçe anlatmak gerekirse, responsive tekniği ile tasarlanmış bir web sitesi, tabletler ya da akıllı telefonlar gibi mobil cihazlarla ya da kişisel bilgisayarlar tarafından görüntülendiğinde çözünürlük ve ekran boyutunu giriş yapılan cihazın ölçülerine göre otomatik olarak kendisi ayarlıyor. 

Resimde de göründüğü gibi Responsive tekniği ile tasarlanmış olan web sitesi farklı cihazlarda, o cihazların çözünürlüğüne göre boyutu kendiliğinden ayarlıyor.