Адаптивный интерфейс

Навеяно предыдущей темой и появились некоторые мысли на тему адаптивного сайта. Во-первых тема адаптивного интерфейса обсуждается в западном интернете как минимум год и касается это прежде всего дизайна. Адаптивность в данном случае означает изменение структуры сайта в зависимости от разрешения экрана. Количество смартфонов и планшетников растет из года в год в геометрический прогрессии. А это как правило разрешения от 320*480, 1024*768 и варианты. То есть, если сайт сделан под разрешение 1280*1024, то при изменении размера до 320*480 на сайте должна поменяться сама структура и в какой то степени дизайн. Дизайнеры еще называют этот вид дизайна responsive design. Примеры сайтов, которые меняют свою структуру в зависимости от разрешения экрана можно найти тут . Хороший пример сайт about.com. Хорошая статья на русском на эту тему тут.

Адаптивный сайт

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


Читать дальше →