Сообщения в iing

iing

В сабже таки появилась адаптивная вёрстка, но пока особо не тестил ничем, кроме своего телефона.

Таверну уже обновил. Просьба потестировать это дело.
Andrew Lobanov to All (2017-05-07 20:25:08) [ссылка]

Re: iing

Ответ на сообщение
AL> В сабже таки появилась адаптивная вёрстка, но пока особо не тестил ничем, кроме своего телефона.
AL> Таверну уже обновил. Просьба потестировать это дело.
Лови скриншот: https://ii-net.tk/screens/adaptive1.png

Тут сразу заметно:

1. Странное масштабирование фона, если сообщение меньше размера экрана
2. Мелкие контролы, по которым трудно тыкать пальцем

Если открыть большое сообщение, то, когда дочитаешь до конца, его надо скроллить наверх, а это время. Поэтому имеет смысл добавить position:fixed в стиль верхней панели.

Да и кнопки навигации зелёные тоже можно поместить в тёмную панель. Для более-менее больших экранов там им самое место. Благо CSS - это не Гугловские API, и появление кнопок можно захардкодить без особых проблем.
vit01 to Andrew Lobanov (2017-05-07 23:15:03) [ссылка]

Re: iing

Ответ на сообщение
А вот и первый серьезный баг: https://ii-net.tk/screens/adaptive2.png
vit01 to vit01 (2017-05-07 23:26:48) [ссылка]

Re: iing

Ответ на сообщение
>Если открыть большое сообщение, то, когда дочитаешь до конца, его надо скроллить наверх, а это время. Поэтому имеет смысл добавить position:fixed в стиль верхней панели.
Peter to vit01 (2017-05-08 05:15:32) [ссылка]

Re: iing

Ответ на сообщение
Отправил случайно.
Короче, только не это!!! Fixed панели это ужасно. Почти как iframe.
Peter to Peter (2017-05-08 05:16:12) [ссылка]

Re: iing

Ответ на сообщение
И это не баг мобильной версии. Подумаю как исправить.
Andrew Lobanov to vit01 (2017-05-08 05:32:51) [ссылка]

Re: iing

Ответ на сообщение
Peter> Короче, только не это!!! Fixed панели это ужасно. Почти как iframe.
1. Не надо сравнивать тёплое с мягким :)

2. Fixed-панель может быть довольно удобной. Вот, например, https://developer.android.com/reference/android/support/v4/widget/NestedScrollView.html
// Первый сайт, который вспомнил.

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

Просто мысли вслух. Наверняка ещё что-нибудь придумать можно.
vit01 to Peter (2017-05-08 07:33:12) [ссылка]

Re: iing

Ответ на сообщение
> 2. Fixed-панель может быть довольно удобной. Вот, например, https://developer.android.com/reference/android/support/v4/widget/NestedScrollView.html
> // Первый сайт, который вспомнил.
Четверть экрана съедена панелью браузера и фиксед-панелью сайта. Я лучше кнопку "наверх" внизу прилеплю.
Andrew Lobanov to vit01 (2017-05-08 08:32:19) [ссылка]

Re: iing

Ответ на сообщение
AL> Четверть экрана съедена панелью браузера и фиксед-панелью сайта.
Не у всех четверть (здесь от размера экрана и dpi зависит), но окей, понятно.
AL> Я лучше кнопку "наверх" внизу прилеплю.
О, а это отличная идея. Ждём кнопку :)
vit01 to Andrew Lobanov (2017-05-08 10:53:49) [ссылка]

Re: iing

Ответ на сообщение
>> Я лучше кнопку "наверх" внизу прилеплю.
> О, а это отличная идея. Ждём кнопку :)
Есть кнопка. Заодно исправил сползание кнопок в основом интерфейсе, страницу ответа и расползание по ширине блоков
.
Andrew Lobanov to vit01 (2017-05-08 15:23:04) [ссылка]

Re: iing

Ответ на сообщение
>> О, а это отличная идея. Ждём кнопку :)
AL> Есть кнопка.
Когда поворачиваю телефон, кнопка исчезает. Может быть, оставить её насовсем (хотя бы в уменьшенном виде?)

+ тестировал масштабирование _главной страницы_ в Pale Moon на нетбуке; там есть такой переходный момент, когда содержимое вылазит за пределы экрана. Мобильная версия начинает включаться, если увеличиваешь ещё больше.
vit01 to Andrew Lobanov (2017-05-10 05:50:46) [ссылка]

iing

Ответ на сообщение
Итак. Я доделал адаптивный интерфейс. Теперь совершенно вся вебморда таверны приспособлена для использования на девайсах с мелким экраном.

Следующий шаг - перевод базы в sqlite3.
Andrew Lobanov to All (2017-05-21 17:05:37) [ссылка]

Re: iing

Ответ на сообщение
AL> Итак. Я доделал адаптивный интерфейс. Теперь совершенно вся вебморда таверны приспособлена для использования на девайсах с мелким экраном.
Сейчас ещё лучше, но баги всё равно есть

Например, тот, про который я уже сообщал: https://ii-net.tk/screens/Screenshot_20170522-140701.png
И ещё вылезающий за границы экрана текст на главной странице: https://ii-net.tk/screens/Screenshot_20170522-140639.png
vit01 to Andrew Lobanov (2017-05-22 13:04:36) [ссылка]

Re: iing

Ответ на сообщение
> Сейчас ещё лучше, но баги всё равно есть
> Например, тот, про который я уже сообщал: https://ii-net.tk/screens/Screenshot_20170522-140701.png
Поставлю хром и посмотрю. В лисе не воспроизводится а то.
> И ещё вылезающий за границы экрана текст на главной странице: https://ii-net.tk/screens/Screenshot_20170522-140639.png
А вот это, вроде, поправил. Во всяком случае перестал воспроизводиться и на телефоне и на десктопе.
Andrew Lobanov to vit01 (2017-05-22 13:37:30) [ссылка]

Re: iing

Ответ на сообщение
>> Например, тот, про который я уже сообщал: https://ii-net.tk/screens/Screenshot_20170522-140701.png
> Поставлю хром и посмотрю. В лисе не воспроизводится а то.
Так и не смог воспроизвести, но беглое гугление подсказало один из вариантов. Проверь. Вдруг помогло.
Andrew Lobanov to vit01 (2017-05-22 17:49:41) [ссылка]

Re: iing

Ответ на сообщение
AL> Не знаю насколько он милашный, но я так в секточке чижу.
Здесь, конечно, лютое ШГ, но для документации и главной сойдёт, спасибо :)
vit01 to Andrew Lobanov (2017-05-23 01:20:44) [ссылка]

Re: iing

Ответ на сообщение
>> https://ii-net.tk/screens/Screenshot_20170522-140701.png
AL> Так и не смог воспроизвести, но беглое гугление подсказало один из вариантов. Проверь. Вдруг помогло.
Неа, не помогло. Помню, когда писал стили для своей станции, то как-то решил эту проблему.
Надо будет посмотреть и самому отдебажить. Браузер вебкитоподобный, на стандартной WebView андроида.

// Жаль, исходники MLP-шного GUI не сохранились из 2015, там я с фоновой картинкой так нахимичил, что оно везде работало.
vit01 to Andrew Lobanov (2017-05-23 01:20:45) [ссылка]

Re: iing

Ответ на сообщение
>> Не знаю насколько он милашный, но я так в секточке чижу.
> Здесь, конечно, лютое ШГ, но для документации и главной сойдёт, спасибо :)
Куда катимся. Терминус ШГ называть =)
Andrew Lobanov to vit01 (2017-05-23 02:14:51) [ссылка]

Re: iing

Ответ на сообщение
AL> Куда катимся. Терминус ШГ называть =)
Мне тоже что-то твой скриншот глаза режет, хотя я сам всегда в терминале терминус использую. Это у тебя кажется terminus bold, наверное поэтому мне не привычно.
btimofeev to Andrew Lobanov (2017-05-23 04:00:08) [ссылка]

Re: iing

Ответ на сообщение
> Это у тебя кажется terminus bold, наверное поэтому мне не привычно.
Он самый. Просто у меня от тонкого начертания при больших размерах (на скрине для меня уже шрифт крупны) глаза устают. А вот при bold нет.
Andrew Lobanov to btimofeev (2017-05-23 04:22:19) [ссылка]

Re: Скриншот

Ответ на сообщение
AL> Куда катимся. Терминус ШГ называть =)
Во-первых, он у тебя bold, как уже было сказано.
Во-вторых, на глаз не очень воспринимается русская буква "в" у терминуса. Она как будто выделяется из остальных, выпрыгивает.

И получается ВыРвИгЛаЗ. Поэтому и не люблю терминус. Но это ИМХО, ибо мои вкусы по шрифтам тоже немного специфичны :)
vit01 to Andrew Lobanov (2017-05-23 12:22:49) [ссылка]

Re: Скриншот

Ответ на сообщение
>> Куда катимся. Терминус ШГ называть =)
> Во-первых, он у тебя bold, как уже было сказано.
Болд он по вышеозначенной причине. На мой вкус такой цезий няша, но это такая субъективщина, что даже нет смысла и говорить. Если кто-то предоставит более симпатичный скрин, я буду только рад.
> Во-вторых, на глаз не очень воспринимается русская буква "в" у терминуса. Она как будто выделяется из остальных, выпрыгивает.
Вот у меня другая проблема. Я спокойно оспринимаю это "подпрыгивающие" "в" и "б". А те, которые не "подпрыгивают" я плохо воспринимаю. Но это скорее просто многолетняя привычка. Кстати, тут ещё и "р" приседает =)
> И получается ВыРвИгЛаЗ. Поэтому и не люблю терминус. Но это ИМХО, ибо мои вкусы по шрифтам тоже немного специфичны :)
Кстати, на терминус есть патчи, исправляющие это дело.

// Никак не могу после долгих лет чётких пиксельных шрифтов перейти на ttf в терминале. Как-то не воспринимаются они мной.
Andrew Lobanov to vit01 (2017-05-23 12:44:03) [ссылка]