Как научиться верстать адаптивно?

Geers
На сайте с 12.04.2011
Offline
487
1553

Может кто подскажет хороший свежий материал по адаптивной верстке для мобильных устройств? :)

Playerror
На сайте с 28.09.2008
Offline
152
#1

Просто верстайте его резиновым и добавляйте media queries по необходимости, либо можно верстать при помощи bootstrap 3 и он сделает почти все за вас.

Книгу посоветую такую:

HTML5 и CSS3. Разработка сайтов для любых браузеров и устройств (Бен Фраин)

Вся суть в том, чтобы сверстать статику и перевести её в проценты (деля внутренние блоки на ширину основы сайта), а дальше используете медиа запросы для подгонки.

[Удален]
#2
Rus33
На сайте с 13.08.2015
Offline
13
#3
Geers:
Может кто подскажет хороший свежий материал по адаптивной верстке для мобильных устройств?

Просто введите в поисковую строку запрос "Как адаптировать сайт под мобильные устройства" и выберите из списка результатов нужное.

Рекламу и раскрутку своего сайта вы можете получить здесь (http://1ps.ru/?p=644814) Пишешь сообщения, и одновременно зарабатывай. (http://profit-maker.org/index.php?referrerid=20367)
D.iK.iJ
На сайте с 26.05.2013
Offline
239
#4

Гляньте тему у меня из подписи. Там вполне готовы шаблон для начала (НЕ на первой странице): /ru/forum/873867

Адаптивный дизайн в 2 строчки ( https://dikij.com/wm/adaptaciya-saytov.php ). + Принимаю заказы любой сложности ( https://searchengines.guru/ru/forum/926323 ). 💎 Еще я делаю классные кулоны с опалами ( https://mosaicopal.ru/ ).
pragmatik
На сайте с 19.03.2013
Offline
133
#5
Geers:
Может кто подскажет хороший свежий материал по адаптивной верстке для мобильных устройств? :)

Имхо, вот лучший материал по адаптивной верстке, хоть он и изложен в несколько ироничной форме.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий