Как разработать макет под адаптивную верстку?
Всех приветствую. Сразу перейду к сути вопроса. Необходимо разработать портал, который в дальнейшем будет верстаться под адаптивную верстку. Для каких разрешений нужно разрабатывать сам макет? Сайт будет открываться на мобильниках, планшетниках и пошло по возрастанию, вплоть до 1920. Буду благодарен, если кто подкинет пару дельных ссылок по этой теме ;)
Комментарии пользователей
http://screenqueri.es/
http://www.thebestdesigns.com/ здесь в основном адаптивная верстка, имею ввиду примеры работ.
http://habrahabr.ru/post/144003/ http://wedeal.ru/blog/
Есть два вида адаптивной сетки: Responsive grid и Adaptive grid Adaptive grid Элементы страницы перетекают, занимая все свободное пространство, например: http://www.design.ru/ http://www.rosielees.co.uk/ Responsive grid Сетка перестраивается, в зависимости от ширины экрана, например: http://www.smashingmagazine.com/ (5 сеток) http://www.bostonglobe.com/ (3 сетки - основной контент, 5 - шапка) Еще примеры http://mediaqueri.es/ Обычно эти «сетки» комбинируются. Например: новостной текст тянется, а контекстные блоки справа добавляются/исчезают (adaptive), но с определенного разрешения все блоки исчезают и появляются под текстом (responsive). Чтобы сделать хороший адаптивный сайт, дизайнеру нужно плотно общаться с технологом (как на этапе разработки дизайна, так и при верстке). Совместно нужно понять как будет вести себя контент при разных разрешениях. Для тестирования верстки на разных разрешениях удобно использовать расширение Window Resizer для Хрома https://chrome.google.com/webstore/detail/window-resizer/kkelicaakdanhinjdeammmilcgefonfh Скоро выйдет новый инструмент от Адоб про адаптивность http://html.adobe.com/edge/reflow/ Если дизайнер не может пообщаться с технологом, то ему нужно изучить все возможности адаптивной верстки и нарисовать по 10 вариантов каждой страницы сайта с комментариями.
Я обычно делаю один базовый макет, затем дополнительные виды под все разрешения
mixast, Hispanic, WebKid, davitaya, Kurilshik, Большое спасибо за ссылки, буду изучать)
http://www.advmarket.ru/article_adv/index.php?ten_rubric=moscow&read_news=114
ну вот ещё http://habrahabr.ru/post/141059/