Информация об изменениях

Сообщение Мобильная версия сайта от 19.10.2017 17:50

Изменено 09.07.2020 17:07 sergeya

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

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

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

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

https://raw.githubusercontent.com/SergeyA/rsdn-mobile-view/master/doc/img/screenshot_home.png


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

https://raw.githubusercontent.com/SergeyA/rsdn-mobile-view/master/doc/img/screenshot_forums.png


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

https://raw.githubusercontent.com/SergeyA/rsdn-mobile-view/master/doc/img/screenshot_topics.png


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

https://raw.githubusercontent.com/SergeyA/rsdn-mobile-view/master/doc/img/screenshot_posts.png

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

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

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

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

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

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

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

https://raw.githubusercontent.com/SergeyA/rsdn-mobile-view/master/doc/img/screenshot_home.png


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

https://raw.githubusercontent.com/SergeyA/rsdn-mobile-view/master/doc/img/screenshot_forums.png


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

https://raw.githubusercontent.com/SergeyA/rsdn-mobile-view/master/doc/img/screenshot_topics.png


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

https://raw.githubusercontent.com/SergeyA/rsdn-mobile-view/master/doc/img/screenshot_posts.png

Итак, это js скрипт, адаптирующий верстку страниц сайта rsdn.ru для удобного просмотра на мобильных устройствах.
Скрипт срабатывает после загрузки страницы и модифицирует ее — накладывает стили, удаляет лишние элементы, меняет верстку.

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

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

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