Мобильная версия сайта
От: sergeya Ниоткуда http://blogtani.ru
Дата: 19.10.17 17:50
Оценка: 100 (12) +1
Привет!

Как включить мобильную версию:
Для использования нужно в настройках профиля добавить ссылку на скрипт 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), можно форкать и добавлять свои фичи.

Список сообщений пока отображается только в плоском виде.
Есть кое какие идея по реализации древовидного представления, но следующий заход на доработку будет не в ближайщшее время.
Меня и плоский вид пока боле-менее устраивает.
Мобильная версия сайта RSDN — http://rsdn.org/forum/rsdn/6938747
Автор: sergeya
Дата: 19.10.17
Отредактировано 09.07.2020 17:07 sergeya . Предыдущая версия . Еще …
Отредактировано 09.07.2020 16:49 sergeya . Предыдущая версия .
Отредактировано 19.10.2017 18:31 sergeya . Предыдущая версия .
 
Подождите ...
Wait...
Пока на собственное сообщение не было ответов, его можно удалить.