to post messages and comments.

← All posts tagged Juick

Ещё раз.
Вёрстка жуйка в расчёте на экраны любых размеров.
Проверьте кто на чём может.
тред, залогинен
лента, разлогинен

Вчерашний пост прошёл практически незамеченным.
Но я тут ещё немного дополировал. (Подкрутил тень под меню, чтобы "не так сильно сливалась". При схлопывании меню в одну колонку, нельзя ставить поиск вниз — он скрывается за клавиатурой. Схлопывание в одну колонку происходило раньше, чем нужно. У незалогиненного пользователя нет аватарки, только шеврон.)

Если проблем с этой вёрсткой нет, то могу толкнуть коммит.

wip responsive layout
Задача — сделать шапку и левую колонку юзабельными на экранах любого размера.

Есть ещё детали, которые нужно дополировать. Плюс убедиться, что для незалогиненного посетителя всё работает как надо.
Но фидбэк можно послушать уже сейчас.

На экранах настроек и справки левая колонка переезжает вверх, но не сворачивается. Там это нормально.

2.18.0

* вроде всё починил, что отвалилось. Возможно некоторые вещи чуть медленнее на странице будут появляться.
* вернул возможность копировать номер и ссылку комментария. Не знаю, насколько удобно/навязчиво получилось. Возможно потом сделаю открытие по клику и доработаю стили.

greasyfork.org

@vt выкатил новую шапку и боковую панель.

Предлагаю собирать фидбэк в этом треде.

Кое-что потерялось в процессе (подписка на тред), кое-что будет доделано позже (нормальная работа на мобильниках). Что отвалилось в юзерскрипте — тоже ещё предстоит проверить.

(Как назло, у меня планы на первую половину воскресенья — буду вечером.)

2.17.6

* Затащил обновлённую форму из последнего эксперимента в юзерскрипт. Т.е. теперь есть превьюшки картинок.
* Добавил client-side валидацию и счётчик длины сообщения. Т.е. теперь не получится отправить слишком длинный текст и потерять его таким образом.
* Ещё добавил фикс для шапки (включается в настройках), но надеюсь это очень временно.

Пока сообщение не превосходит 4096 символов, отображается прогресс-бар (см. скриншот — однопиксельная полоска под тестом). После 4096 символов отображается число. Мне не нравится идея постоянно наблюдать счётчик, поэтому сделал такой комбинированный вариант.

(На всякий случай напоминаю, что эта форма ввода сообщения включается в настройках юзерскрипта — самый первый чекбокс.)

greasyfork.org

proof of concept доработанной вёрстки

* меню сворачивается при w < 620px;
* левая колонка на flexbox, убирается вниз при w < 1000px (теоретически, можно сделать открывающийся сайдбар, но тогда надо и меню и левую колонку в один гамбургер как-то пихать... пока не вижу, как их совместить);
* несколько доработок в форме ввода сообщений (попробуйте приаттачить картинку).

В код лучше не смотреть.

Одно починил (может быть) — другое доломал окончательно.

fix iOS 11 textarea issue in dialogs
Корёжит страницу в вебе.
При открытии картинок в ленте — перебрасывает в начало страницы.

2.17.1 — Promises edition

* порефакторил эмбеды немного (692 additions, 950 deletions). Now 8% more DRY and with 300% more Promises†
* Яндекс.Музыка

(†) согласно экспертной оценке‡
(‡) получено путём тщательного анализа верхнего внутреннего покрытия рабочего помещения.

В процессе рефакторинга мог что-то упустить. Сообщите, если что-то сломалось.

Виджеты Яндекс.Музыки такие же тяжёлые как и сам сайт. Сделал Click to show по умолчанию.

greasyfork.org

В некотором роде автор xkcd поддерживает ситуацию (см. картинку) тем, что предлагает эмбеддить комикс путём хотлинка на картинку, без текста и даже без номера. (Хинт: ссылка на картинку содержит заголовок, который ищется в архиве на сайте.)
В принципе, оно и понятно — надо же чем-то на сайт людей привлекать.
Зато html очень простой, no bs. И в RSS тоже всё есть...

greasyfork.org
2.16.7
* xkcd

2.16.2

День рождения юзерскрипта. Первую версию я выложил в ночь на второе сентября год назад. #2845132

В новой версии:

* теги на странице /post — кликабельные, добавляются к╱убираются из первой строки поста;
* старая форма ввода нового сообщения — в общих лентах (как раньше) и на своей странице (по умолчанию выключено);
* ссылка Post ведёт на /post — поп-ап отключается (по умолчанию выключено).

greasyfork.org