Какво е риспонсив (адаптивен) дизайн?

Адаптивният уеб дизайн (responsive web design, RWD) е подход към уеб дизайна, който прави уеб страницата да изглежда добре на различни устройства и размери на дисплея.

Сайт с адаптивен (риспонсив) дизайн се адаптира към ширината на диспея на устройството, от което се гледа, като използва широки, пропорционално-базирани мрежи, променливи изображения и CSS3 (разширение на @media правилото) по следните начини:

• ширината на страницата се определя в % съотношение, вместо в пиксели
• изображенията се преоразмеряват, за да не “изскачат” от контейнера
• използват се различни CSS правила в зависимост от характеристиките на устройството (ширината на браузера)

Адаптивния уеб дизайн е много важна част, предвид засиления мобилен трафик (повече от половината интернет трафик!). Още през 2015 Google информира, че ще засили позициите на сайтове, които са с адаптивен дизайн (т.нар. mobile friendly). Днес е практически задължително сайтът ви да е с такъв дизайн, за да се разглежда удобно от всяко устройство – смартфон, таблет, лаптоп, десктоп компютър и телевизор.

Всички наши сайтове са с включен адаптивен дизайн.