responsive tasarım

responsive tasarım, web sitelerinin farklı cihazlarda (örneğin masaüstü bilgisayarlar, tabletler ve cep telefonları gibi) farklı ekran boyutlarına uyum sağlayacak şekilde tasarlanmasıdır. bu, web sitelerinin tüm cihazlarda kullanıcı dostu ve işlevsel kalmasını sağlar.
görsel anlatım

duyarlı tasarım demek aslında agalar, türkçeleştirmek lazım yazılım terimlerini milletin ilgisini çekmek lazım.
bu benim üstünden çalıştığım duyarlı tasarımdan bir kaç satır örnek kod.
<style>
p {
display: none;
}
@media(min-width: 768px) {
p {
display: block;
}
}
/*body {
background: red

}

/* bu tablet için

@media(max-width: 850px) {
body {
background: yellow;
}
}

@media(max-width: 768px) {
body {
background: blue;
}

}

@media(max-width: 700px) {
body {
background: palevioletred;
}
}

@media(max-width: 500px) {
body {
background: green;
}
} */

</style>

site için önemli bir bileşen, mobil cihazların sayısını düşünürsek asla atlanmaması gereken bir olay çünkü artık insanlar genelde mobilden giriyor sitelere.

bloggerın eski nesil şablonlarında olmayan şey.

teeie eskiden mesela telefonlarda internet yokkene flash web sitesi açardık. deneme için top koyardım ve ekranın bütün köşelerini gezdirirdim ki farklı monitörlerden test edeyim. sonra kapandı gitti tabi bu siteler.

ıcerikleri bannerlari vs e-mail ve web pagelerde mobile ve tablete uyumlu yapmaya yarar. responsive oranini html code'da %80, %50 şeklinde yazarak istediğiniz şekilde uyarlayabilirsiniz.