Презентуем адаптивный дизайн 12.05.2015

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

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

К сожалению, решение пока не поддерживает масштабирования, поэтому верстка не приспособленная для отображения на мобильных устройствах отображается некорректно.

by 12.05.2015