Привет!

Скриншоты для затравки:

Главная страница с кнопками переключения на мобильный вид




Список форумов




Список типиков




Список сообщений




Как только на rsdn появилась возможность загружать пользовательские js скрипты, у меня сразу зачесалось желание подправить своим скриптом пару-другую огрехов, которые мешают просмотру сайта на мобильных устройствах.

Просил эту фичу еще в 2011 году — http://rsdn.org/forum/rsdn/4368634

Автор: seregaa
Дата: 04.08.11

В 2014 году ее реализовали — http://rsdn.org/forum/rsdn/5421523

Автор: AndrewVK
Дата: 08.01.14

А еще через три года у меня дошли таки руки ))))

Итак, это js скрипт, адаптирующий верстку страниц сайта rsdn.ru для удобного просмотра на мобильных устройствах.
Скрипт срабатывает после загрузки страницы и модифицирует ее — накладывает стили, удаляет лишние элементы, меняет верстку.
Для использования нужно в настройках профиля добавить ссылку на скрипт https://rawgit.com/SergeyA/rsdn-mobile-view/master/rsdn-mobile-view.js.

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

Исходники скрипта размещены на github-е (https://github.com/SergeyA/rsdn-mobile-view), можно форкать и добавлять свои фичи.

Из за того, что github отдает файлы без указания ContentType, скрипт нужно загружать через сервис rawgit.com или аналогичный.
Ссылка с правильным ContentType: https://rawgit.com/SergeyA/rsdn-mobile-view/master/rsdn-mobile-view.js

Минус такого способа в том, что rawgit кэширует файл и обновляет его не мгновенно, а только раз в несколько минут.
Во время разработки для оперативности мне приходилось загружать скрипт с локального IIS.

Список сообщений пока отображается только в плоском виде.
Есть кое какие идея по реализации древовидного представления, но следующий заход на доработку будет не в ближайщшее время.
Меня и плоский вид пока боле-менее устраивает.

Привет!

Как включить мобильную версию:
Для использования нужно в настройках профиля добавить ссылку на скрипт https://sergeya.github.io/rsdn-mobile-view/rsdn-mobile-view.js

Скриншоты для затравки:

Главная страница с кнопками переключения на мобильный вид




Список форумов




Список типиков




Список сообщений



Итак, это js скрипт, адаптирующий верстку страниц сайта rsdn.ru для удобного просмотра на мобильных устройствах.
Скрипт срабатывает после загрузки страницы и модифицирует ее — накладывает стили, удаляет лишние элементы, меняет верстку.
Для использования нужно в настройках профиля добавить ссылку на скрипт https://rawgit.com/SergeyA/rsdn-mobile-view/master/rsdn-mobile-view.js.

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

Исходники скрипта размещены на github-е (https://github.com/SergeyA/rsdn-mobile-view), можно форкать и добавлять свои фичи.

Список сообщений пока отображается только в плоском виде.
Есть кое какие идея по реализации древовидного представления, но следующий заход на доработку будет не в ближайщшее время.
Меня и плоский вид пока боле-менее устраивает.