Yapılan istatistikler gösteriyor ki artık günümüzde cep telefonları ve tabletlerdeki internet kullanımı masaüstü ve notebooklardaki internet kullanımına oldukça yaklaşmış durumda. Eski eski alt yapılı web siteleri mobil kullanıcılarını tatmin etmemekte ve ziyaretçileri başka sitelere yönlendirmektedir. Mevcut durum web tasarımcılarını ve eski teknoloji web sitesi sahiplerini arayışlara itmiştir. Arayış Duyarlı Web Tasarım (Responsive Web Design) kavramını ortaya çıkarmıştır.
Duyarlı Web Tasarımı ile Web Siteniz otomatik olarak her ekran boyutunda en iyi içeriği görüntülemek için kendisini otomatik olarak ayarlar. Bu sayede siteniz masaüstü bilgisayarlar tabletler veya akıllı cihazlar ile uyum içerisinde görüntülenir.  Geliştiriciler siteyi tasarlarken hangi öğelerin hangi cihazlarda görüneceğine hangi öğelerin gizleneceğine karar verebiliyor. Bu sayede akıllı telefon ve dokunmatik ekranlı tablet kullanan ziyaretçilerin işini kolaylaştıracak yapılar kurulabiliyor.
Duyarlı web tasarımları ızgara düzeni (grid layout) ve CSS3 ile gelen medya sorgulama sayesinde kendilerini cihaza adapte edebiliyorlar. Tablet ve cep telefonlarının interneti daha düşük bant genişlikleriyle kullandığı varsayılırsa sitede kullanılan imajlar yine CSS3 medya sorguları sayesinde otomatik olarak değiştirilebiliyor ve site yüklenmesinde ziyaretçiyi memnun edecek hızlara ulaşılabiliyor. Duyarlı tasarımlar farklı ekran çözünürlükleri ekranlarda da mükemmel çalışır.son yıllarda en çok kullanılan ekran çözünürlüğü notebooklar’dan dolayı 1366x768px’dir. Yüksek çözünürlükte mükemmel görünen bir site Duyarlı Web Tasarımı sayesinde bu çözünürlükten daha yüksek çözünürlüklü bir ekranda (Örn. 1920x1080px)pixel kaybı yaşamadan aynı kaliteye ulaşacaktır.

Küçülen piksele göre de sayfanız orantılı bir şekilde küçülür ve ziyaretçilere optimum görünüm sağlar.
Duyarlı Web Tasarımı ile her cihaz için farklı web sayfaları hazırlatmak yerine tek bir web sayfasını duyarlı yapmak sunucu domain ve tasarım gibi ek masraflarınızı düşürecek ve mobil cihazların hepsinde sorunsuz görüntülenmiş olacaksınız. İnternet ortamında bağlı olan bütün cihazlarda firmanıza ait web sayfanız sorunsuz olarak görüntülenmiş olacak.
Mobil cihazlar gün geçtikçe yaygınlığını arttırıyor ve teknoloji piyasasında daha fazla yer almaya başlıyorlar . Akıllı telefonlar ve tablet cihazları artık sık sık görmeye başladık. Gün içinde bir çok işimizi bu cihazlar üserinden yapabiliyoruz gerek mobil uygulamalar olsun gerek mobil web olsun bir çok alanda bize hizmet veriyorlar.
Mobil  iletişimin ve mobil  teknolojilerin artmasındaki  en büyük  etmen 3G  teknolojisi oldu. Bu teknoloji ile ile neredeyse her yerden hızlı  bir şekilde internete bağlanıp  sörf yapabiliyoruz. Ancak mobil  internet kollanırken geziniğimiz  sitelerin büyük  bir  çoğunluğunun mobil  cihazlara özel bir  sürümü yok . Küçük  ölçekli  siteler için mobil  cihazlar için ayrı sürümler yapmak  hem maddi olarak hemde zaman olarak oldukça yüksek  değerlere çıkabiliyor. Duyarlı web tasarım bu tip sorunlarda bize hem zamandan hemde maddi  harcamalardan kurtaran yeni bir  uygulama. Responsive web design yani  duyarlı  web  tasarımı  webmaster ların işini  kolaylaştıran kullanışlı  bir  kodlama tekniği.  Duyarlı  web tasarımı  temel olarak  farklı  ekran çözünürlüklerine farklı  tasarım  kodları  belirlenerek çalışıyor yani  sadece CSS  kodları oluşturarak  farklı  çözünürlükteki  cihazlara uygun tasarımlar oluştura bilirsiniz . Duyarlı Tasarım’ı daha iyi anlatabilmem için daha fazla teknik detaydan bahsetmem gerekiyor. Duyarlı Tasarım oldukça ileri seviyede bir kodlama tekniğidir. Bu uygulama başlangıç seviyesindeki tasarımcılar için başlangıçta zor gelebilir. Ancak Html&CSS ile aranız iyiyse sizi bir basamak daha ileriye götürecek bir teknik bu. Duyarlı Tasarım temelde esnek grid yapıları kullanarak değişken layout’lar oluşturma prensibine dayanıyor. Tek bir CSS dosyasında aynı class’lara farklı genişliklerde farklı değerler tanımlanarak geliştiriliyor.