Есть ли официальный мануал по адаптивной верстки?

Question

[ZaraMc]

Здравствуйте. В интернете всё расплывчато.
Есть ли серьезный/официальный мануал? Под какие экраны делать и тд

Answer 1

[sergey]

1) что размытое?
2) нет такого и никогда не было, но в интернете достаточно примеров адаптации, необходимо уметь искать. На вскидку: youtube
3) Под какие экраны: да тут вообще как в букваре можно ознакомиться - есть базис 1200px 992px 768px 480px, ну а дальше смотришь под свои нужды.
Профит.

Comments

[ZaraMc]

спасибо.
там обычная верстка.

[sergey]

ZaraMc: что значит там обычная верстка, у него на канале 3 проекта адаптивных верстаются с нуля

Answer 2

[Алексей Скляров]

Вряд ли вы найдете подобное. Верстка под телефоны/планшеты не отличается от обычно верстки под стандартные мониторы.

Я бы рекомендовал не пытаться отыскать экраны, которыми пользуются чаще всего, вместо это проще верстать сразу так, чтобы при сжатии окна все плавно трансформировалось. Все что для этого требуется - сжать браузер до определенной ширины, найти интервал, где блоки (или что-то другое) ведет себя не так как нужно и для этого интервала дописать ваш класс. В общем и все.

Comments

[ZaraMc]

спасибо. а лучше начинать с больших размеров к маленькому или наоборот?

просто для меня адаптивная верстка сложна или я не так понимаю, например я с легкостью могу сверстать под конкретный размер, допустим 900-1000px, а вот чтобы адаптивно было.. еще эта адаптивность много чего съедает из стандартного 'desktop' размера.

[Алексей Скляров]

ZaraMc: попробуйте поработать с Bootstrap, многое прояснится. Как правило макеты рисуются в 1200пкс и 980пкс

Answer 3

[ValeraValera]

Вот это посмотрите : Школа разработки интерфейсов – Адаптивная вёрстка