Версия сайта для мобильных устройств - практический опыт

Главные вкладки

Аватар пользователя _Igor_ _Igor_ 16 июня 2013 в 22:56

Сразу попрошу срач не устраивать и в поиск не отправлять (поиском пользоваться умею).

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

Интересует опыт как для D6, так и для D7.

Те кто делал, пожалуйста, если не влом, можете кратко ответить:

  • что использовали (модули, темы, разрабатывали что-то сами, etc.),
  • какие были проблемы, и
  • показать ссылки на рабочий(ие) результат(ы).

Вот хочется такую подборочку результатов, а не бесконечных срачей.

Спасибо!

Комментарии

Аватар пользователя zzia zzia 17 июня 2013 в 13:09

Вот эти сайты http://3m-srl.ru и http://concord-auto.com/ сверстаны на основе тем с адаптивной версткой, http://adaptivethemes.com и https://drupal.org/project/professional_theme соответственно.
Изменяя ширину окна браузера можно посмотреть как верстка адаптируется к изменению ширины.
Это наиболее дешевый вариант создания версии для мобильных устройств, пригоден для сайтов несложных по функционалу и внешнему виду.

Сейчас делаем нативное приложение Android для вебкаталога, написанного под Друпал. Это дорого и результат будет не скоро.

Аватар пользователя PVasili PVasili 19 июня 2013 в 16:32

Сразу видно, что поиском то вы и не пользовались вообще...
Нонче для мобилок делают или адаптивным дизайном или нативным приложением. Всё остальное - каменный век. Нативным - дорого + 2 основные платформы + особенности некоторых девайсов. Адаптив -проще, быстрее и удобнее как в разработке, так и в сопровождении.
Для drupal есть несколько модулей, которые медиаквери для блоков или в контекст передают, чтобы можно было скрывать\выводить лишнее.

Аватар пользователя _Igor_ _Igor_ 20 июня 2013 в 3:52

PVasili wrote:
Сразу видно, что поиском то вы и не пользовались вообще...
Нонче для мобилок делают или адаптивным дизайном или нативным приложением.

Читать умеем? Я просил показать результаты, а не поговорить за коня в вакууме. Вот zzia показал, респект ему и уважуха.

Показать есть чего? Нет?

Аватар пользователя alextdk alextdk 20 июня 2013 в 10:34

Вот так вот, стараешься, объясняешь человеку, что к чему и в какую сторону надо копать, а он в ответ говном полиает ... эх это по нашему, прям классика жанра от вебТаджика Smile

Аватар пользователя PVasili PVasili 20 июня 2013 в 12:54

"lamer" wrote:
эх это по нашему, прям классика жанра от вебТаджика :)

Не говори... молодежь вообще думать и читать не в состоянии уже...

Т.с. вам что показать? Последние 10 сайтов с адаптивным дизайном, поскольку вы гуглом не умеете пользоваться? Ну ок, пару простеньких что с ходу вспомнилось на планшете:
http://www.bonafide-km.ru http://venusbeach.ru

Аватар пользователя volocuga@drupal.org volocuga@drupal.org 20 июня 2013 в 13:22

"PVasili" wrote:
Нонче для мобилок делают или адаптивным дизайном или нативным приложением.

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

Хороший пример мобильной темы http://m.rozetka.ua/

Аватар пользователя k_dmitry k_dmitry 20 июня 2013 в 23:41

"<a href="mailto:volocuga@drupal.org">volocuga@drupal.org</a>" wrote:
Хороший пример мобильной темы http://m.rozetka.ua/[/quote]
m.rozetka.ua и rozetka.ua по сути два разных сайта, вас интересует адаптивный сайт с @media или сайт где моб. телефоны редиректит на поддомен на котором свой сайт с своей темой? В курсе, что кроме как max и min width, сайт должен быть в хтмл5?

Аватар пользователя _Igor_ _Igor_ 21 июня 2013 в 7:39

k_dmitry wrote:
"<a href="mailto:volocuga@drupal.org">volocuga@drupal.org</a>" wrote:
Хороший пример мобильной темы http://m.rozetka.ua/

m.rozetka.ua и rozetka.ua по сути два разных сайта, вас интересует адаптивный сайт с @media или сайт где моб. телефоны редиректит на поддомен на котором свой сайт с своей темой? В курсе, что кроме как max и min width, сайт должен быть в хтмл5?[/quote]

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

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

Аватар пользователя volocuga@drupal.org volocuga@drupal.org 21 июня 2013 в 0:19

"k_dmitry" wrote:
вас интересует адаптивный сайт с @media или сайт где моб. телефоны редиректит на поддомен

Это наверное ТС интересует Smile
Я уже высказался: так называемые адаптивные дизайны не решают проблемы адекватного отображения сайта в мобилах. Хорошей идеей было бы определять девайс силами сервера и подставлять налету мобильную тему (модуль даже есть например https://drupal.org/project/mobile_switch)

Про хтмл5 не в курсе, не понял

Аватар пользователя k_dmitry k_dmitry 21 июня 2013 в 13:25

"<a href="mailto:volocuga@drupal.org">volocuga@drupal.org</a>" wrote:
Это наверное ТС интересует :)

Да)) это вопрос был к ТС.

"<a href="mailto:volocuga@drupal.org">volocuga@drupal.org</a>" wrote:
Про хтмл5 не в курсе, не понял

Андроид (не помню вроде с 3 или 4 версии) поддерживает только хтмл 5, там очень много разных параметров, которые на андроид работают на говнофоне нет и наоборот, еще есть винфоны которые ваще по свойму все отображают, сделать для всех ОС под все браузеры одинакового, очень долго и очень сложно.

"_Igor_" wrote:
Причем, хотелось бы не просто ссылок на модули, а комментариев от тех кто уже подобное реализовывал.

Реализовывал на кейке... до сих пор глаз дергается)) тут лучше или на основном сайте сделать кнопку "моб.версия сайта" с сылкой на поддомен или сразу через юзер агент редириктить на поддомен. На поддомене сайт который подключен к основной базе + прописать конфиги чтоб файлы (модули, картинки и т.д.) брались с основного сайта, про модули для друпала не знаю, как вариант попробовать с мултисайтинг...