adaptivv

Еще не так давно отзывчивый дизайн сайта не был столь распространен, а главное востребован потребителями. Сейчас же, во времена, когда на рынке с каждым днем появляются всё новые телефоны, планшеты и другие гаджеты, выводящие стационарные компьютеры, ноутбуки и нетбуки на второй план, данное решение в дизайне сайта, становится одним из важных критерий успеха и прибыли.

Определение

Отзывчивый дизайн  или Responsive web design – это некий подход к созданию веб-дизайна, который обеспечивает удобство отображения сайта с любых устройств. В первые, о данном подходе было написано в статье Итана Маркотта. Его способ основывался на том, чтобы каждый мог просматривать веб-сайт, с привычного для него устройства (в не зависимости параметров экрана) и при этом ощущал удобство в использовании. Таким образом, ему удалось соединить три уже существующих способов.

  • применение гибкого макета на основе сетки;
  • использование гибких изображений;
  • работа с медиа-запросами

allsizes_remake_13

Особенности

К особенностям Отзывчивого дизайна можно отнести, тот факт что, при его верстке используется исключительно HTML и СSS языки, не подключая JavaScript  для определения «отзывчивости» элементов дизайна. Верстка определяет ход отображения элементов на различных устройствах. Также используется Адаптивная разметка, при которой создается несколько разных расположений в сетке, которые в свою очередь заменяют друг друга при разных размерах экрана.

Технология и подход Итана Маркотта в веб-дизайне, дала большой скачок вперед и расширила взгляды на общепринятые нормы в этой отрасли и сейчас это определенно является одним из главных требований финального результата к фрилансерам и веб-студиям всего мира.