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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Что готово:

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

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

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

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

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

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

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