Правильно сверстать сайт с адаптивной мобильной версией

BLAZERMAN
На сайте с 21.04.2021
Offline
33
1670

Нужно сверстать сайт по макетуhttps://www.figma.com/file/sk9Oh3BgnNz19N5mmKOHvP/1.-%D0%93%D0%9B%D0%90%D0%92%D0%9D%D0%90%D0%AF-%D0%A1%D0%A2%D0%A0%D0%90%D0%9D%D0%98%D0%A6%D0%90-%D0%93%D0%9E%D0%A2%D0%9E%D0%92%D0%90-%D0%91%D0%AD%D0%9A%D0%90%D0%9F-29.06.21-%D0%98%D0%97%D0%9C%D0%95%D0%9D%D0%95%D0%9D-%D0%9F%D0%9E%D0%98%D0%A1%D0%9A-%D0%92-%D0%A8%D0%90%D0%9F%D0%9A%D0%95?node-id=0%3A1

Нам нужен максимально корректный валидный код. Чтобы сайт потом быстро грузился и залезал в зеленую зону https://developers.google.com/speed/pagespeed/insights/

Что донести нужно до прогера чтобы это сделать?

Мне пишут:

"Для того, чтобы обеспечить быструю загрузку сайта, могу верстать на чистом JS, без подключения лишних библиотек"


SeVlad
На сайте с 03.11.2008
Offline
1609
#1
BLAZERMAN :
Нужно сверстать сайт
Скорее всего тебе нужно сверстать шаблон для UMI. (Ну или др движка, если с UMI расстаёшься)

BLAZERMAN :
Нам нужен максимально корректный валидный код. Чтобы сайт потом быстро грузился и залезал в зеленую зону

Одно от другого не зависит.

Чуть меньше не зависит положение в выдаче от цветов в этих "зонах".

BLAZERMAN :

Мне пишут:

"Для того, чтобы обеспечить быструю загрузку сайта, могу верстать на чистом JS, без подключения лишних библиотек"

Жесть.. Верстальщик на js.. жестяк..


ЗЫ. Если заказчик пишет что-то про " валидный код" - в 99% это мозгодел, начитавшийся ерунды, но даже её не понявший.

Делаю хорошие сайты хорошим людям. Предпочтение коммерческим направлениям. Связь со мной через http://wp.me/P3YHjQ-3.
BLAZERMAN
На сайте с 21.04.2021
Offline
33
#2
SeVlad #:
Скорее всего тебе нужно сверстать шаблон для UMI. (Ну или др движка, если с UMI расстаёшься)

Одно от другого не зависит.

Чуть меньше не зависит положение в выдаче от цветов в этих "зонах".

Жесть.. Верстальщик на js.. жестяк..


ЗЫ. Если заказчик пишет что-то про " валидный код" - в 99% это мозгодел, начитавшийся ерунды, но даже её не понявший.

SeVlad 

Спасибо за быстрый ответ. От юми мы уходим. Это жесть какая то. Я работаю в админской части и ничего более убогей не встречал. Обновлять эту помойку бесполезно. Проще с нуля сайт делать.

Какие требования прогеру написать чтобы все было пучком?

SeVlad
На сайте с 03.11.2008
Offline
1609
#3
BLAZERMAN #:
Какие требования прогеру написать чтобы все было пучком?

"Прогер" к верстке никаким боком. (Всё несколько сложнее)

Для начала тебе надо найти специалиста, которые перенесёт сайт с юни на др. движок. И вот уже от выбранного этим специалистом движка плясать - верстать шаблон/тему под движок. Этим занимается, как правило, отдельный специалист. И может быть лучше, что бы такого специалиста нашел первый специалист. Ну как минимум, чтобы они работали в паре.
Но может оно и нафик не надо - связываться с этой фигнёй фигмой. Особенно если бюджеты ограничены.

BLAZERMAN
На сайте с 21.04.2021
Offline
33
#4
SeVlad #:

"Прогер" к верстке никаким боком. (Всё несколько сложнее)

Для начала тебе надо найти специалиста, которые перенесёт сайт с юни на др. движок. И вот уже от выбранного этим специалистомдвижка плясать - верстать шаблон/тему под движок. Этим занимается, как правило, отдельный специалист. И может быть лучше, что бы такого специалиста нашел первый специалист. Ну как минимум, чтобы они работали в паре.
Но может оно и нафик не надо - связываться с этой фигнёй фигмой. Особенно если бюджеты ограничены.

Движок выбран. CMS OKAY. Что вы собрались переносить сначала с юми на другой движок? Убогий дизайн старого сайта? И за это еще платить)

По этапам:
Сначала верстка и перенос ее на Окай например. А контент уже из админки добавляется

SeVlad
На сайте с 03.11.2008
Offline
1609
#5
BLAZERMAN #:
Что вы собрались переносить сначала с юми на другой движок?

Мы ничего не собирались. Это тебе надо перенести. Перенести сайт! А сайт - это НЕ дизайн. Дизайн - это всего лишь "шкурка". Чтобы тебе было понятно: краска труб, а не система тёплого пола.

BLAZERMAN #:
По этапам:
Сначала верстка и перенос ее на Окай например. А контент уже из админки добавляется

А.. так ты специалист по сайтостроению? Тогда вопросов нет... Кроме одного - зачем ты пришел за советами к специалистам?

ЗЫ. Мои предсказания о "заказчике"  таки верны :)

samimages
На сайте с 31.05.2009
Offline
427
#6
Что бы все было пучком, нужно понять разницу и отделить адаптивный дизайн от мобильной версии. С этого можно и начать грузить программиста

Опыт как иммунитет — приобретается в муках! Хостинг: экономия до 1300 руб + домен в подарок ( https://clck.ru/XLscf ) / Аудит семантики от 15К [долго] - ЛС
M
На сайте с 17.06.2021
Offline
79
#7
BLAZERMAN :

Нужно сверстать сайт по макетуhttps://www.figma.com/file/sk9Oh3BgnNz19N5mmKOHvP/1.-%D0%93%D0%9B%D0%90%D0%92%D0%9D%D0%90%D0%AF-%D0%A1%D0%A2%D0%A0%D0%90%D0%9D%D0%98%D0%A6%D0%90-%D0%93%D0%9E%D0%A2%D0%9E%D0%92%D0%90-%D0%91%D0%AD%D0%9A%D0%90%D0%9F-29.06.21-%D0%98%D0%97%D0%9C%D0%95%D0%9D%D0%95%D0%9D-%D0%9F%D0%9E%D0%98%D0%A1%D0%9A-%D0%92-%D0%A8%D0%90%D0%9F%D0%9A%D0%95?node-id=0%3A1

Нам нужен максимально корректный валидный код. Чтобы сайт потом быстро грузился и залезал в зеленую зону https://developers.google.com/speed/pagespeed/insights/

Что донести нужно до прогера чтобы это сделать?

Мне пишут:

"Для того, чтобы обеспечить быструю загрузку сайта, могу верстать на чистом JS, без подключения лишних библиотек"


Верстка без бэка всегда будет зеленой в гугл спиде (если конечно не залить картинок по 100мб специально) 
Валидатор html - https://validator.w3.org/unicorn/?ucn_lang=ru

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

Bybit крипто биржа https://partner.bybit.com/b/58507 /// Зарубежные VPS с оплатой РФ картами https://aeza.net/?ref=416422 (+15% к пополнению) //// Обучаем нейронки на сайте https://f4ck41.fun/
SeVlad
На сайте с 03.11.2008
Offline
1609
#8
samimages #:
нужно понять разницу и отделить адаптивный дизайн от мобильной версии.
Моб. версия (в правильно понимании этого термина) вообще не нужна. Нужен адаптив.
M
На сайте с 17.06.2021
Offline
79
#9
BLAZERMAN #:

Движок выбран. CMS OKAY. Что вы собрались переносить сначала с юми на другой движок? Убогий дизайн старого сайта? И за это еще платить)

По этапам:
Сначала верстка и перенос ее на Окай например. А контент уже из админки добавляется

Делается отдельный закрытый сервак, на нем создаете аналогичный сайт по структуре с новой версткой, контентом и cms. Потом просто переносите весь сайт на рабочий сервер/домен. 

BLAZERMAN
На сайте с 21.04.2021
Offline
33
#10
makepuff #:

Верстка без бэка всегда будет зеленой в гугл спиде (если конечно не залить картинок по 100мб специально) 
Валидатор html - https://validator.w3.org/unicorn/?ucn_lang=ru

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

Спасибо. Первый раз с нуля делаем сайт. Парится стоит заранее))

Всем пардон за тупость. Понял в чем разница адаптива и мобилки. Раньше об этом не задумывался.

Нужен адаптив!

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