Duyarlı web tasarım, responsive tasarım olarak da isimlendirilmektedir. İngilizce karşılığı Responsive Web Design olmaktadır. RWD olarak kısaltılabilmektedir. Duyarlı web tasarım, web sitelerinin mobil cihazlara uyumlu hale gelmelerini sağlayan altyapıya verilen isimdir. Ekran boyutunuza duyarlı HTML ve CSS kullanılması ile beraber duyarlı web tasarımı sayesinde ekran yeniden boyutlandırılmaktadır. Sayfada gerekli gizleme, küçültme ve büyütmeler yapılmaktadır. Daha iyi bir görüntü deneyiminin yaşanması sağlanmaktadır.
Duyarlı Web Tasarımın Çalışma Prensibi Nedir?
Duyarlı web tasarımın işleyişi, 2010 yılı ile ortaya çıkmasıyla beraber oldukça merak konusu olmuştur. Akıllı cihazlar ile web sitelerine giriş yapıldığında; web sitesinin görünümünün ekran ebatlarına uygun hale gelmesi, web sayfalarındaki resimlerin düzgün gözükmesi, yazıların okunaklı ve anlaşılır olması duyarlı web tasarımı ile sağlanmaktadır. Bir kabın içerisine doldurulan suyun kabın şeklini alması gibi duyarlı web tasarımı yapılan site de hangi cihazdan giriliyor ise onun ekranının şeklini almaktadır. Tasarım ölçüleri ise; css kütüphanesine göre farklılık göstermektedir. En çok tercih edilen css kütüphanesinden biri olan Bootstrap için web tasarım ölçüleri aşağıdaki gibidir:
Duyarlı Web Tasarımının Artıları Nelerdir?
Duyarlı web tasarımının avantajları aşağıda verilmiştir:
Duyarlı Web Tasarım Nedir?
Duyarlı web tasarım, responsive tasarım olarak da isimlendirilmektedir.