# Mobile-friendly версия сайта

**URL:** <https://geocaching.su/phorum/t/mobile-friendly-versiya-sajta/85424>\
**Category:** Обсуждение сайта\
**Created:** [29.Октябрь.2020 06:11:23 UTC](https://geocaching.su/phorum/t/mobile-friendly-versiya-sajta/85424 "2020-10-29T06:11:23Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![lega4](https://geocaching.su/phorum/letter_avatar_proxy/v4/letter/l/e19b73/32.png) [@lega4](https://geocaching.su/phorum/u/lega4)\
**Post date:** [29.Октябрь.2020 06:11:23 UTC](https://geocaching.su/phorum/t/mobile-friendly-versiya-sajta/85424/1 "2020-10-29T06:11:23Z")

</div>

Я не помню, давал ли ссылку, но сейчас на geocaching.su раскатана черновая версия сайта с улучшенной мобильной версткой для страницы тайника (только страницы тайников, остальные страницы как есть).

Пример [https://geocaching.su/?pn=101&cid=24403](https://geocaching.su/?pn=101&cid=24403)

Основные изменения должны быть заметны с телефона, с компа должно выглядить примерно также, как раньше (но внутри вся верстка была по сути с нуля переделана).

Кому интересно - можете посмотреть, потыкать, если заметите какие-то проблемы, сообщайте. Или просто предложения\пожелания\отзывы, тоже приветствуется.

---

<div class="post-metadata">

**Author:** ![Natic](https://geocaching.su/phorum/letter_avatar_proxy/v4/letter/n/e19adc/32.png) [@Natic](https://geocaching.su/phorum/u/Natic)\
**Post date:** [29.Октябрь.2020 09:26:29 UTC](https://geocaching.su/phorum/t/mobile-friendly-versiya-sajta/85424/2 "2020-10-29T09:26:29Z")

</div>

Сейчас посмотрела со своего смарта. Ага, так намного более friendly к пользователю. Кое-что потыкала - расположение меню для меня намного удобнее - реклама не закрывает.  
И фотографии тайника в одном месте (снизу) - тоже, ИМХО, удобно.

Ну, а остальное - лучше/хуже, наверное, только в процессе уже штатного использования можно будет сказать.

---

<div class="post-metadata">

**Author:** ![mr\_bo](https://geocaching.su/phorum/user_avatar/geocaching.su/mr_bo/32/225_2.png) [@mr\_bo](https://geocaching.su/phorum/u/mr_bo)\
**Post date:** [29.Октябрь.2020 10:22:23 UTC](https://geocaching.su/phorum/t/mobile-friendly-versiya-sajta/85424/3 "2020-10-29T10:22:23Z")

</div>

Так удобнее, да

---

<div class="post-metadata">

**Author:** ![Missing](https://geocaching.su/phorum/user_avatar/geocaching.su/missing/32/107_2.png) [@Missing](https://geocaching.su/phorum/u/Missing)\
**Post date:** [29.Октябрь.2020 11:52:41 UTC](https://geocaching.su/phorum/t/mobile-friendly-versiya-sajta/85424/4 "2020-10-29T11:52:41Z")

</div>

Супер! Наконец-то сайт начал движение в сторону современных интерфейсов ) Из того, что увидел сразу:

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

---

<div class="post-metadata">

**Author:** ![Natic](https://geocaching.su/phorum/letter_avatar_proxy/v4/letter/n/e19adc/32.png) [@Natic](https://geocaching.su/phorum/u/Natic)\
**Post date:** [29.Октябрь.2020 14:13:45 UTC](https://geocaching.su/phorum/t/mobile-friendly-versiya-sajta/85424/5 "2020-10-29T14:13:45Z")

</div>

> [@Missing](#):
>
> …
> 
> - меню я бы выравнивал не по центру, а по левому краю.

А мне по центру понравилось!

Это я вообще-то к тому, что в таких не особо принципиальных вопросах, наверное, сколько людей - столько и мнений. 😉

---

<div class="post-metadata">

**Author:** ![RaFaeL](https://geocaching.su/phorum/user_avatar/geocaching.su/rafael/32/552_2.png) [@RaFaeL](https://geocaching.su/phorum/u/RaFaeL)\
**Post date:** [30.Октябрь.2020 13:00:00 UTC](https://geocaching.su/phorum/t/mobile-friendly-versiya-sajta/85424/6 "2020-10-30T13:00:00Z")

</div>

> [@lega4](#):
>
> с компа должно выглядить примерно также, как раньше

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

---

<div class="post-metadata">

**Author:** ![mangust\_andypanda](https://geocaching.su/phorum/letter_avatar_proxy/v4/letter/m/c77e96/32.png) [@mangust\_andypanda](https://geocaching.su/phorum/u/mangust_andypanda)\
**Post date:** [30.Октябрь.2020 16:13:48 UTC](https://geocaching.su/phorum/t/mobile-friendly-versiya-sajta/85424/7 "2020-10-30T16:13:48Z")

</div>

а я бы посоветовал обратить внимание на margin-right: много меньше чем left. Неаккуратно-с!

---

<div class="post-metadata">

**Author:** ![lega4](https://geocaching.su/phorum/letter_avatar_proxy/v4/letter/l/e19b73/32.png) [@lega4](https://geocaching.su/phorum/u/lega4)\
**Post date:** [30.Октябрь.2020 17:30:30 UTC](https://geocaching.su/phorum/t/mobile-friendly-versiya-sajta/85424/8 "2020-10-30T17:30:30Z")

</div>

> [@mangust&andypanda](#):
>
> а я бы посоветовал обратить внимание на margin-right: много меньше чем left. Неаккуратно-с!

Конкретнее плиз 🙂 Где конкретно в каком css что на что поправить

---

<div class="post-metadata">

**Author:** ![mangust\_andypanda](https://geocaching.su/phorum/letter_avatar_proxy/v4/letter/m/c77e96/32.png) [@mangust\_andypanda](https://geocaching.su/phorum/u/mangust_andypanda)\
**Post date:** [30.Октябрь.2020 20:29:28 UTC](https://geocaching.su/phorum/t/mobile-friendly-versiya-sajta/85424/9 "2020-10-30T20:29:28Z")

</div>

в классе main-content общий padding:5px а padding-left:13px отчего выглядит неаккуратно:  
пруфпик: [http://etrex10.ru/mobile.jpg](http://etrex10.ru/mobile.jpg)

---

<div class="post-metadata">

**Author:** ![lega4](https://geocaching.su/phorum/letter_avatar_proxy/v4/letter/l/e19b73/32.png) [@lega4](https://geocaching.su/phorum/u/lega4)\
**Post date:** [22.Март.2021 23:02:39 UTC](https://geocaching.su/phorum/t/mobile-friendly-versiya-sajta/85424/10 "2021-03-22T23:02:39Z")

</div>

> [@mangust&andypanda](#):
>
> в классе main-content общий padding:5px а padding-left:13px отчего выглядит неаккуратно:  
> пруфпик: [http://etrex10.ru/mobile.jpg](http://etrex10.ru/mobile.jpg)

Ага, это поправил, ну точнее сейчас все переверстано еще раз заново, не должно быть такого.

> [@](#):
>
> - фото местности лучше бы не под интернет-блокнотом, а над ним, интернет-блокнот может быть длинным, а фото актуальнее, чем старые записи в интернет-блокноте.

Собственно, ради этого и переверстывал на гридах (ну ок, не совсем только ради этого, но одна из основных причин была)

Так, немножко поизучал CSS, взялся с новыми силами, переверстал еще раз, на этот раз на гридах.

Просьба еще раз посмотреть, прокомментировать текущее состояние

Например [https://geocaching.su/?pn=101&cid=19166](https://geocaching.su/?pn=101&cid=19166) [https://geocaching.su](https://geocaching.su)

Что готово:

- Макеты всех страниц кроме главной (можно потыкать менюшку). Ну на самом деле два макета - страница тайника (трехколоночная) и все остальные “простые” страницы (двухколоночные)
- Адаптивная верстка, ну тут примерно также, как и в прошлый раз было

Что не готово:

- Макет главной. Хотелось бы может услышать пожелания, что бы вы хотели видеть на главной? Сейчас там очень черновой список “новых тайников” без ссылок.
- Кнопки на странице тайника, кнопка редактирования, нет точек и персональных заметок.

Что не менялось (или почти не менялось):

- Личный кабинет. Вроде я смотрел, чтобы стили не разъезжались, но по мелочи где-то могут разъезжаться.
- Карта. Ну карта и так идеальна 🙂

Проверял пока только в Хроме и немного в фаерфоксе. IE не поддерживается, сколько можно уже.

А если кто вдруг немного соображает в PHP, то, как обычно, был бы рад, если бы кто посмотрел, что у меня получается с точки зрения кода.
