Нормально ли использовать несколько разметок как одну страницу?

Question

[Nik Faraday]

Здравствуйте.

Никогда не интересовался такой практикой, но мне под руку попалась сложная таска, где есть достаточно сложная разметка. Я хочу сделать для каждого расширения экрана выдавать другую разметку, что бы не играться с адаптивной (Или отзывчивой, не знаю как оно правильно) вёрсткой. Я работаю в основном на бекенде и для меня html/css это просто сущий ад. Я задался таким вопросом, допустимо ли это вообще, или всё же стоит помучаться над адаптивной вёрсткой ?

Comments

[Антон Литвиненко]

если это crm хоть немного похожая на страндартную, я бы взял готовую верстку и от нее плясал бы. црм даже для опытного верстальщика задаче немного сложнее чем сайты

[Nik Faraday]

Антон Литвиненко, стоит платный шаблон, но он не покрывает всех нужд. Хотя, я ещё пересмотрю его и напишу позже

[Nik Faraday]

Антон Литвиненко, данный шаблон не содержит необходимых мне методов представляения в мобильной версиий преложения, придётся самому делать

[Антон Литвиненко]

Nik Faraday, подобрать другой шаблон, их куча, платных и бесплатных. мы говорим про нечто такое:?
https://themewagon.com/themes/free-bootstrap-4-htm...

[Nik Faraday]

Антон Литвиненко, да, но бесплатные нельзя юзать на коммерческих проектах

[Антон Литвиненко]

Nik Faraday, это почему это

Answer 1

[Сергей Горностаев]

Если готовы сопровождать как минимум две отдельных вёрстки и делать двойную работу при каждом изменении, то можно.

Comments

[Nik Faraday]

Меня интересует, есть ли какое-то правила стандартизации или конвенции, который запрещают, разрешают, или просто не запрещают использовать подобную практику.

[Сергей Горностаев]

Nik Faraday, нет.

[Nik Faraday]

Сергей Горностаев, что из этого нет?)) Т.е. можно?

[Сергей Горностаев]

Nik Faraday, нет правил и конвенций на этот счëт.

Answer 2

[Глюкъ Виртуален]

Немного непонятно что имеется в виду под "несколько разметок". Несколько html файлов и несколько стилевых к ним? Да, одно время это было общепринятой практикой, но я бы не стал (я фуллстек).

Попробуйте начать с мобильной верстки, следом сверстайте десктопную. Нудно, геморно, потребует изменений на бекенде, но работать будет.

Более веселый вариант — верстайте на флексе одновременно мобильную и десктопную версию. Будет нескучно, но когда поймете принцип, любая верстка под любое разрешение будет для вас как два байта переслать.
Лучшее объяснение флекса тут: https://html5.by/blog/flexbox/

А вообще посылайте нах тимлида, вешающего фронтовые таски на бекендера. Фуллстекам платят меньше чем чистым бекендерам :(

Comments

[Nik Faraday]

Я хотел сделать один html файл и через JS делать редирект на другие страницы в зависимости от расширения экрана. Вёрстка это вообще не моё, просто сделать нужно.
Это вообще не заказ компании, а сторонний проект, CRM для компаний и контор по представлению юристических услуг, так что послать не могу (К сожалению, хаха)
Я попробую просто в зависимости от размера экрана применять различные кастомные css классы, надеюсь такой подход ослабит мою головную боль ;-(

[Глюкъ Виртуален]

Nik Faraday, боюсь что вы чересчур усложнили и таким способом в результате получится е*ля с плясками. Не вмешивайте туда еще и жабоскрипт плиз. Другие потом будут править и плакать :)

Если это CRM, то особого дизайна там не должно быть и можно вообще сделать ее на бутстрапе. Бутстрап как раз применяет разные классы в зависимости от ширины экрана и реально экономит время.
Если это не бутстрап, то имхо это должен быть флекс.

[Nik Faraday]

Глюкъ Виртуален, Да, верно, это бутстрап, но из-за того, что заказчик хочет всё, сразу и ах"еть как круто, то тут сложности появляются. Повторюсь, слишком загруженная страница получается, даже без того же JS толком не сделаешь. Думал сделать несколько отдельных разметок, что бы загружать их в зависимости от расширения экрана браузера, но придётся, наверное, искать другой подход. Пока сижу, ломаю голову )

[Глюкъ Виртуален]

Nik Faraday, не ломайте голову себе. Если заказчик хочет все и сразу, пусть оно тормозит и едва шевелится — вашей вины здесь нет.
Ну и не влезайте в родные CSS бутстрапа, перекрывайте их своими.

[Nik Faraday]

Глюкъ Виртуален, так и делаю

[Глюкъ Виртуален]

Nik Faraday, значить все получится :)

Answer 3

[Sanes]

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

Comments

[Nik Faraday]

На этом сайте есть адаптивка, ещё, достаточно адекватная. Bootstrap - обычное дело. Те же классы col в мобилке (<= 768 px) превращаются в столбцы, что упрощает работу с некоторыми элементами. У меня страница, технически, сложнее, чем та, которую представили вы. Заказчик хочет идеальную мобилку/планшетку и т.д. Тут чёрт голов словает

P.s. CRM система

[Sanes]

Nik Faraday, там была отдельная мобильная версия. Сейчас они вроде перешли на приложение.