Мобильная версия сайта

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

В интернете тема мобильных версий как то не очень раскрыта. Хотя сейчас все больше с ipadov iphonov и всяких htc сидят, в связи с этим было бы интересно узнать какие требования в мобильной версии
1)по дизайну
2)по верстке
3)по движку. в частности как я понимаю мобильная версия это не просто другая верстка с дизайном, но и ощутимо другой функционал, иначе настроенный. Получается нужно отдельный движок на поддомен ставить, вроде m.site.ru, как это вконтакте например. Как это реализовано в diafan и реализовано ли вообще?

Вконтакте у них что одна универсальная верстка? Там явно 2 верстки.. я вообще как то не сторонник "универсальности", обязательно что-то будет не так работать. Даже от резины отказался в последнее время.
А как быть если в настройках модулей используются js меню, всплывающие окна, всплывающие фото в фотогалерее... В том же контакте в мобильной версии фото открывается на странице, в обычной всплывает в окне поверх страницы и т.д.
Тут одной версткой не обойтись..

Яндекс тоже самое http://www.yandex.ru/ http://m.www.yandex.ru/ Серьезные ресурсы делают по 2 варианта

Ozon вообще отдельные мобильные приложения под каждую мобильную операционку разработал как я понял http://www.ozon.ru/context/detail/id/18049021/

В таком случае я сделал бы так. Поставил два движка, на поддомен и домен, но контент и пользователей брал бы из основной БД. Я думаю что технически это возможно.

Дело не в авторитетности ресурсов, а в конкретных задачах.
Мобильную версию проектируют исходя из удобства использования на мобильном. Что-то можно убрать вниз, что-то уменьшить, а некоторые блоки вообще удалить.
Если для мобильной версии требуется урезать функционал, менять местами блоки, изменять размеры картинок и стили сайта, то тут уж без поддомена не обойтись, требуется другой шаблон подключать исходя из имени домена. Такой вариант в диафане не реализован, можно запостить предложение.
Другое дело если нужно только оптимизировать под размер экрана, тогда:
1. устаревший и более простой вариант - подключаем другой css для определенного размера экрана, размер экрана определяем яваскриптом
2. более современный и требующий больше знаний CSS media queries
Эти варианты не накладывают никаких ограничений на CMS, она может быть любой.

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

Так я ему сразу и предложил использовать такой дизайн, такую вёрстку и дал ссылки

Кстати, кто не совсем фамильярен с темой флуидности-адаптивности, но нужно сделать подобный сайт, то советую в качестве подопытного кролика и вообще базы (шаблона), использовать сайт Джефри Зельдмана.

Есть конечно много других образцов, но я вот просидел несколько часов тестируя разные подобные сайты на кроссбраузерность. Многие из них некорректно (например ломался layout всей страницы - вместо 3-х колонок становилась одна) отображались в IE предыдущих версий - для меня это БОЛЬШОЙ минус. В других браузерах даже не стал тестировать.

А вот сайт Зельдмана даже в старых версиях IE отображался корректно.
Так что его [css и html] можно брать за основу для своих проектов

Вот у него вроде очень качественные шаблоны: http://matthewjamestaylor.com/blog/perfect-multi-column-liquid-layouts

Вот это главное он пишет!: