Учебни записки

6. Отзивчив и адаптивен дизайн

Разглеждането на уебстраници в днешни дни става през голямо разнообразие от устройства, имащи различни размери и резолюция на екраните. Това поставя пред дизайнерите на уебстраници задача да направят така, че дадена страница да изглежда добре и да се ползва удобно независимо от размера на екрана.

Дизайн, който е един за всички устройства, но направен така, че страниците да изглежда различно върху различни по размер екрани, т.е. страниците да се приспособяват чрез скриване на част от съдържанието, размествания и промяна на размерите на детайлите, се нарича отзивчив дизайн (на английски.- Responsive Web Design RWD).

Адаптивният дизайн (на английски - Adaptive Web Design - AWD) е вид уеб дизайн, който се избира автоматично и е различен за устройствата с различни размери на екрана.

Инструментите за разработване на сайтове в браузърите дават възможности за изобразяване на страниците по начина, по който биха изглеждали върху екрани с различни размери. Вижте: Firefox Responsive Design Mode

Съществуват и онлайн тестове, за проверка доколко дадена страница е удобна за ползване на мобилни устройства, например:  Mobile Friendly Test