ФантЛаб для


Вы здесь: Авторские колонки FantLab > Авторская колонка «vad» > ФантЛаб для смартфонов
Поиск статьи:
   расширенный поиск »

ФантЛаб для смартфонов

Статья написана 3 декабря 2018 г. 22:34

Казалось, что многие годы мы уверенно игнорировали рост количества мобильных устройств у посетителей сайта и закрывали глаза на то, что им приходится пальчиками увеличивать любимый ФантЛаб на экранах в 4-5.5 дюйма.

Но на самом деле это не так — и сегодня мы сообщаем, что наконец-то на сайте внедрена универсальная адаптивная верстка, которая позволяет корректно пользоваться сайтом не только с десктопа, но и со смартфонов.

Технология адаптивной верстки предполагает отсутствие горизонтальной полосы прокрутки и масштабируемых областей при просмотре на любом устройстве, включая смартфон. Небольшая ширина экранов мобильных устройств (~400px) диктует необходимость модернизировать интерфейс и способы вывода информации на страницах, сворачивая или выстраивая вертикально то, что на обычных экранах спокойно помещается в ширину.

Самое заметное изменение — это как выглядит сайт на телефоне: уменьшена шапка сайта и добавлено сворачивание левого блока в меню-иконку. А внутри страниц сайта всё выстраивается под размер мобильного экрана.

Тут дальше наверное можно что-то еще написать. Но по сути все просто — зайдите на сайт со своего мобильного девайса и посмотрите — сами всё увидите.

Удобного использования!


PS.

А еще у нас идет неторопливый процесс создания Андроид- и iOS-приложений и другие открытые проекты, развивающие Фантлаб.

Все на гитхабе — https://github.com/fantlab/

Как обычно — ценна обратная связь.

<style>.blog-article-body p {text-indent:0; margin-bottom:18px; text-align:left} .blog-article-body .quote p {margin-bottom:6px;}</style>





7643
просмотры





  Комментарии
Страницы: 123456


Ссылка на сообщение4 декабря 2018 г. 19:46
Ждем приложение для Android.
свернуть ветку
 


Ссылка на сообщение4 декабря 2018 г. 19:58
А вот тут тестируют альфу

https://fantlab.ru/forum/forum2pa...


Ссылка на сообщение4 декабря 2018 г. 21:41
Здорово, что Андроид приложение на Котлине пишете! :cool!:


Ссылка на сообщение4 декабря 2018 г. 22:15
Спасибо за обновку! Нано-версией пользуюсь чаще, чем десктопной, поэтому данная новость меня очень обрадовала.

Небольшой фидбек:

Вот так выглядит страничка с изданием — всё нормально.


А так — когда открываю список книжных полок. Соответственно, названий полок практически не видно.


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

Redmi 4 Pro, экран 5 дюймов.
свернуть ветку
 


Ссылка на сообщение4 декабря 2018 г. 22:57
Если развернуть девайс в альбомный формат, то список полок будет виден целиком. Пока не пофиксят баг, придётся крутить телефон)
 


Ссылка на сообщение5 декабря 2018 г. 00:40
Не, не вариант!)
 


Ссылка на сообщение5 декабря 2018 г. 08:40
ага, спасибо за баг с откытием полочек на странице издания. поправили.
на странице произведение — там хитрее, подумать надо.


Ссылка на сообщение4 декабря 2018 г. 22:32
Ещё вопрос по адаптивной версии.
Обратил внимание, что в форумах не отображается класс развития авторов постов, как в полной версии.
Это как-то можно поправить? В настройках, вроде можно убрать (вернуть) только аватары.
свернуть ветку
 


Ссылка на сообщение6 декабря 2018 г. 19:16
да мы и ататарки хотели убрать в мобилке, если честно... 8:-0
 


Ссылка на сообщение6 декабря 2018 г. 19:17
Зачем? o_O Их же отключить можно.
 


Ссылка на сообщение6 декабря 2018 г. 20:11
Ну аватарки, действительно, можно отключить в настройках, кому они мешают.
А класс развития и пол, по-моему, много места не занимают (в нано-версии эти параметры отображались же и никому не мешали, как мне кажется). По-моему, было бы неплохо их вернуть.


Ссылка на сообщение5 декабря 2018 г. 05:59
Вчера как раз открыл на телефоне fantlab и приятно удивился!:cool!:


Ссылка на сообщение5 декабря 2018 г. 08:19
А можно увеличить ширину при которой две колонки становятся одной или там обнаружение мобильных девайсов для этой цели?
А то у меня на телефоне две узенькие колонки — неудобно жутко.
Разрешение экрана 1440 x 2560, но по факту все равно слишком узко для двух колонок, телефон же, не планшет.
свернуть ветку
 


Ссылка на сообщение5 декабря 2018 г. 08:48

цитата Blam

Разрешение экрана 1440 x 2560, но по факту

посмотреть по факту кол-во пикселей (логических) можно тут например https://www.mydevice.io/

мы исходили из того что до 5'' — одна колонка, больше 5'' — две.
в логических пикселях этот число 375
 


Ссылка на сообщение6 декабря 2018 г. 08:48
408 пикселей ширина по этому сайту.
5,7 дюймов физический размер
Но что-то как-то неудобно в две колонки.

 


Ссылка на сообщение6 декабря 2018 г. 19:21
ну... вы можете, как вариант — в настройках только левую колонку наполнить, а правую — оставить пустой. правда тогда и на десктопе будет у вас в одну колонку титульная.
 


Ссылка на сообщение10 декабря 2018 г. 15:01
У меня какой-то глюк, не получается в одну колонку настроить.
Оставляю правую в настройках пустые — при применении исчезают и пункты из левой а показывает все равно в две.
Firefox 63.0.3


Ссылка на сообщение5 декабря 2018 г. 09:40
Есть предложение:
так как горизонтальная прокрутка исчезла, почему не сделать так, чтобы боковая вкладка также открывалась листанием в бок, а не только через кнопку «три палочки».
Было бы удобнее, чтобы не возвращаться вверх страницы.
Надеюсь понятно написал.
свернуть ветку
 


Ссылка на сообщение5 декабря 2018 г. 10:33
Об этом уже несколько человек написало.
Было бы неплохо, если так сделают (если такое, в принципе, можно сделать). Ну или, на крайняк, продублировать кнопку, сворачивающую левый блок, («три палочки») ещё и внизу страницы.
 


Ссылка на сообщение5 декабря 2018 г. 14:06
Свап слева занят — это переход «назад».
Стандартный интерфейс браузеров.
 


Ссылка на сообщение5 декабря 2018 г. 17:36
Это стандартный интерфейс браузера в IOS, не на андроиде.
Я бы всё же ввёл эту функцию. Кому-то будет удобнее. А у кого это переход назад — тот и будет попадать назад.
 


Ссылка на сообщение5 декабря 2018 г. 19:09
а, я не знал что это только в сафари.
но если можно ограниченно — только включить для Андройд-браузеров (хрома, как я понимаю?) эмуляцию нажатия кнопки меню через свап — то можем добавить, если кто сделает эту доработку.
я к сожелению не только не знаю как это сделать, но и проверить то не особо есть на чем.


Ссылка на сообщение5 декабря 2018 г. 12:14
А что-то с авторскими колонками сегодня порушилось...

https://ibb.co/PchYN2C
https://ibb.co/C2CxL1q
свернуть ветку
 


Ссылка на сообщение5 декабря 2018 г. 14:18
Это, видимо, не у всех так — у меня, например, всё в порядке сейчас. Ну, или уже починили. :)
 


Ссылка на сообщение5 декабря 2018 г. 16:09
Ну, у меня сейчас и форум порушился... Но только один топик

https://ibb.co/qBPrjv2


Ссылка на сообщение5 декабря 2018 г. 18:13
Сейчас проверил — очень удобно стало на телефоне, спасибо всем, кто приложил руку к этому достижению!


Ссылка на сообщение5 декабря 2018 г. 23:32
Кто-то уже писал, согласна, что постоянно закрывающаяся боковая панель — это не очень удобно. Может, как-то можно в настройках сделать, чтоб она автоматически не закрывалась? Ну, типа чтоб был выбор)
свернуть ветку
 


Ссылка на сообщение6 декабря 2018 г. 08:55
Эх... Даже неудобная привычка — это в первую очередь привычка.

Внизу сайта есть переключатель в десктоп версию. Это отключит адаптивный режим для вашего устройства.
 


Ссылка на сообщение6 декабря 2018 г. 10:09
То есть вы не рассматривает возможносиь сделать так, чтобы эта панель закрывалась вручную, а не автоматически?
 


Ссылка на сообщение6 декабря 2018 г. 10:12
Ну, или хотя бы, как в ВК, закрепить значёк панели вверху и/или движением слева на право, чтоб можно было открыть. Подниматься каждый раз вверх — жутко неудобно.
Ну, или внизу эту кнопку продублировать.
 


Ссылка на сообщение6 декабря 2018 г. 10:25
Вот только не надо вручную, мне лично очень удобно, что она закрывается автоматически.
 


Ссылка на сообщение6 декабря 2018 г. 10:35
Поэтому я и написала, хорошо бы, чтоб был выбор, но меня послали... в прежнюю версию :-(
 


Ссылка на сообщение6 декабря 2018 г. 11:03
Вообще, то, что панель закрывается — очень нелогично. Я захожу посмотреть, кто мне написал, ну, или комменты к статье посмотреть, нажимаю на «Сообщения в форуме», а эта панель (на которую я хочу посмотреть) закрывается и надо открывать её заново...
 


Ссылка на сообщение6 декабря 2018 г. 11:19
Как раз логично, вы же нажали посмотреть сообщения на форуме, вот панель свернулась и показывает вам сообщения на форуме.

У меня на 5-дюймовом седьмом айфоне панель занимает 3/4 ширины экрана. Если ее не сворачивать, что-либо читать на оставшемся пространстве физически невозможно.
 


Ссылка на сообщение6 декабря 2018 г. 11:22
А как ещё посмотреть, кто прислал мне личные сообщения и какие новые комменты к статьям, и чтоб оно не закрылось?
 


Ссылка на сообщение6 декабря 2018 г. 11:59
Ну, как я понимаю, есть два пути: либо делать это по очереди, периодически открывая панель, либо переключиться на десктопную версию сайта. Я уже третий день много времени провожу на сайте с мобильника (и раньше заходил, но было очень неудобно), и мне лично все очень хорошо подходит. Я не читаю одновременно несколько личных сообщений и комменты к статьям. Открыл панель, кликнул по комментам к какой-то статье — панель закрылась, открылись комменты. Почитал, написал, нажал вверху экрана (прыгнуть наверх), кликнул по кнопке открыть панель, кликнул по новым сообщениям у какого-то юзера. Панель закрылась, открылась переписка, читаю, пишу ответы. И далее по кругу. Зачем мне может быть нужна открытая панель, когда я читаю и пишу ответы кому-то в конкретной переписке, я не понимаю. Только место на и без того маленьком экране занимать.
 


Ссылка на сообщение6 декабря 2018 г. 12:12

цитата Edred

нажал вверху экрана (прыгнуть наверх)

Это где?

цитата Edred

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

Но было бы удобно, если б, как в ВК, можно было листануть в бок. 8:-0
 


Ссылка на сообщение6 декабря 2018 г. 12:22

цитата Г у д в и н

Это где?

Это только в Safari (или как там называется браузер у айфона), в том же Гугл хром на Андроиде нет такого.
 


Ссылка на сообщение6 декабря 2018 г. 12:59
во-во, издеваются над людьми, у которых нет айфонов, дразняццо :-(((
 


Ссылка на сообщение6 декабря 2018 г. 13:22
Я на айфоне пользуюсь Хромом, Сафари давно забыт. Прекрасно работает клик наверху.
 


Ссылка на сообщение6 декабря 2018 г. 12:53
У меня на Андроиде (Самсунг А3) при пролистывание вниз выходит меню с опциями над которым есть стрелка, нажав на которую перемещаешься в самый верх страницы к шапке.
Сделал скрин, но к коментарию его никак не прикрепить.
 


Ссылка на сообщение6 декабря 2018 г. 13:00
:-(
 


Ссылка на сообщение6 декабря 2018 г. 13:23
его надо загрузить куда-нибудь на хостинг картинок, их полно, а тут вставить как ссылку или картинку.
 


Ссылка на сообщение6 декабря 2018 г. 13:38
Спасибо за лайфхак.
http://priscree.ru/img...
Стрелка внизу экрана, над надписью «домой».
 


Ссылка на сообщение6 декабря 2018 г. 15:20

цитата Сергей755

Стрелка внизу экрана, над надписью «домой».

У меня такой нет :-(



Ладно, буду мучиться... :-(((
Страницы: 123456

⇑ Наверх