Как правильно делать 2 версии сайта (моб, десктоп)?

Question

[Kipsi]

Подскажите как правильно будет сделать 2 отдельные версии сайта под мобильные телефоны и под десктопные. Не используя адаптив. Как я понимаю сверстать сайт на 320px отдельно и потом отдельно сделать такие же страницы под 1280 пикселей. Но до каких границ поддерживать красивый вид при увеличении экрана на мобиле? И до каких ограничивать на десктопе? Делать отдельно чисто мобильный сайт с отдельными стилями и html с 320px-768px и потом отдельно делать новые html и css с 769px-1280px? То есть будет в итоге index.html и index-mob.html и так для каждой отдельной страницы? И как определять устройство и загружать нужную страницу?

Answer 1

[ThunderCat]

Нахрена, а главное - зачем? Современный адаптив позволяет через цсс задать ВСЕ, картинки, стили, расположение блоков, что-то показать, что-то скрыть на определенных разрешениях... Иметь мобильную версию отдельно не рекомендуют и поисковые системы, так как это разбивает трафик на субдомены и еще куча всякого тянется за этим. По этому - медиазапросы, или даже сразу бутстрап или другой адаптивный фреймворк.

Comments

[acwartz]

и даже анимационное говно таким образом можно откинуть?

[Дима Долготер]

acwartz, можно говно не заносить) но да, можно откинуть любое говно

[acwartz]

Дима Долготер, в данном случае я про всякую подвижную херню на странице. В браузере - красота, а из мобильно заходишь - карявый, дрыгающийся трындец. Ясное дело это уже т.н. "мобильная версия". Самыми лучшими сайтами для мобил были wap. Ничего лишнего.

[Дима Долготер]

acwartz, ой. тебе срочно нужен ютуб и курс по css и jquery. wap он еще помнит) конечно можно убрать и адаптировать. медиа запросы на css и определение размера окна на js

[acwartz]

Дима Долготер, в топку ютуб, даёшь годную винрарную и ламповую книгу.

[ThunderCat]

acwartz,

и даже анимационное говно таким образом можно откинуть?

а что мешает? Оно же все через цсс вроде сейчас можно, в крайнем случае тупо скрываете все блоки с анимацией, показываете обычные.

[Kipsi]

Заказчик хочет именно отдельные версии. Хз зачем, но кто мы что бы с ними спорить.

[acwartz]

Kipsi, можно со всем согласится и написать чуйню, а можно сделать сразу правильно, обосновав это.

Answer 2

[Lord_Dantes]

https://developer.mozilla.org/ru/docs/Web/CSS/Medi...

Comments

[Kipsi]

заказчику нужен не адаптив, а две версии сайта разные с разными файлами(мобильная и десктоп). То есть у каждой страницы как я понимаю должны быть мобильные дубликаты отдельно.

Answer 3

[Антон]

как определять устройство

user agent

загружать нужную страницу

иногда при таком же url выдают нужный шаблон, либо выносите в отдельный поддомен m.site.ru

Делать отдельно чисто мобильный сайт

тогда и под телевизор сделайте 4K, под планшет, под утюг и тамагочи пожалуйста.

320px

у вас старая нокия какая то?