❢ Мы радикально переделали форум: WYSIWYG-редактор, вставка картинок и множественные реакции — и это еще не полный список.

Темы: 663 Сообщения: 3962 Участник с: 03 марта 2010

Он был ужасен, давайте  это признаем. Эдакий дизайнерский привет из нулевых. Больше всего «радовала» на телефоне левая колонка с аватаром, которая занимала буквально пол экрана, если не больше, а под текст оставалась узкая вертикальная полоска справа. Это все следствие табличной верстки — подхода, который ушел в прошлое лет уже 20 как. Ну и скупость инструментов — все вместе это выглядело очень архаичным. Впрочем, как в анекдоте: «Ну так я и постарше тебя буду, Петька».

Не то чтобы «мыши плакали, кололись, но ели кактус» — все пользовались форумом, страдали, но писали, писали… писали… Жизни тут немного, прямо скажем. И влезать в такие переделки вроде бы неразумно. Но была такая мечта. Появилась возможность — почему бы и не. Глядишь, для кого-то это просто понизит порог входа, и жизнь здесь затеплится.

А форум мы переделали  сакраментально. Сразу несколько вещей, которые бросаются в глаза.

Исчезла табличная верстка с левой колонкой и аватаром. Look& feel совершенно другой — это карточки с шапкой, куда и переехали аватарки. Подробности об авторе спрятаны под кнопочкой ( i ). Лишняя информация убрана. И на телефоне теперь все выглядит пристойно.

Я вам напомню, как это выглядело раньше. Чтобы вы могли сравнить с тем, как это выглядит сейчас.

image.png

image.png

Появились множественные реакции.

image.png

Форма для ответа стала полноценным WYSIWYG-редактором

WYSIWYG (произносится [ˈwɪziwɪɡ]) — это аббревиатура английской фразы What You See Is What You Get — буквально это «что видите [на экране], то и получите [в итоге]». По-французски ее аналог: Ce que vous voyez est ce que vous obtiendrez.

WYSIWYG-редактор позволяет форматировать текст и даже вставлять картинки — и после отправки сообщения, написанного в таком редакторе, оно будет выглядеть так же, как при его составлении. Все форматирование визуализируется на лету.

Взгляните, как изменилась панель инструментов редактора. Даже выбор эмодзи появился! :)

image.png

image.png

Сюда теперь можно перетаскивать картинки, вставлять их по Ctrl-V или загружать с устройства.

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

image.png

В соответствии с этой логикой мы проапдейтили и страничку настроек профиля — многих порадует такой набор чекбоксов.

image.png

Внедрили мы и защиту от оверквотинга — избыточного цитирования, когда огромное сообщение цитируется целиком, чтобы ответить на одну какую-то мысль из этого текста: если размер цитаты превышает 400 символов, появится предупреждение, что c’est trop.

Да, всё это выглядит, как каждый день в кафе испекать черничный пирог, который никто не заказывает ©, но вдруг когда-нибудь это кому-то понадобится.  Хочется в это верить.

P. S. Здесь еще есть мелкие косяки (неровности, отсутствие захвата для изменения размера, мелкий шрифт — это все уже пофикшено (как видно на скриншотах) и появится сегодня в продакшне. Но если вы что-то заметите еще —  пишите! :)

Нам нужна ваша помощь. Пожалуйста, поддержите Le-francais.ru !

Темы: 5 Сообщения: 820 Участник с: 22 июня 2022

Возможно, на мобильнике это незаметно, а вот на десктопе – очень даже. Текстовый блок узкий, фиксированной ширины. Если растянуть окно, по бокам остаётся много пустого места.image.png

P.S. А, с правой стороны баннеры, тут понятно. А вот слева ничего не вижу

Мы — забытые следы чьей-то глубины…

Темы: 663 Сообщения: 3962 Участник с: 03 марта 2010

Вот что крест животворящий делает! (с)

Этому топику только что поставила лайк Anna, старейший участник этого форума, автор конспектов для повторения с первых уроков (это вообще она придумала их как жанр и оформила профессионально). Последний раз я ее здесь видел четыре с половиной года назад!

Как вы думаете, это — совпадение? (с)
`Сергей Довлатов, Соло на Ундервуде

image.png

Нам нужна ваша помощь. Пожалуйста, поддержите Le-francais.ru !

Темы: 663 Сообщения: 3962 Участник с: 03 марта 2010

Дремучий:
Текстовый блок узкий, фиксированной ширины. Если растянуть окно, по бокам остаётся много пустого места.

У меня два экрана. Один большой, а второй из нулевых, еще с VGA-интерфейсом, то есть скромных размеров, но уже 16:9. И даже на нем, как по мне, места достаточно.

Современные сайты стали специально вставлять сайдбары по бокам, потому что с текстами на широких экранах взаимодействовать крайне некомфортно — трудно проследить начало следующей строчки. Неслучайно стандартная ширина экранов была — еще в текстовом режиме — 80 символов, потому что строки с большим числом букв уже некомфортно читать. Это поле редактирования сообщения на моем стареньком двадцатилетнем экране — 115 символов. По мне ном, и большего не хочется.

Но специально для тебя я добавил кнопку (она приклеена наверху), которая позволяет убирать левый сайдбар. :)

Тут еще обнаружились серьезные косяки WYSIWYG-редактора. Не снять форматирование, не вырваться за пределы некоторых стилей. Все фиксы будут сегодня днем.

Нам нужна ваша помощь. Пожалуйста, поддержите Le-francais.ru !

Темы: 5 Сообщения: 820 Участник с: 22 июня 2022

Вообще, меня больше “возмутила” не ширина текстового блока, а то, что много места пропадает впустую. Ну, тоись туда можно поместить что-то полезное – слово дня, коротенькая новость, поговорка, цитата (у меня, кстати, набралось немного из подписок).

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

Мы — забытые следы чьей-то глубины…

Темы: 1 Сообщения: 173 Участник с: 03 августа 2020

Salut à tous !C’est génial !
La vie devient de plus en plus facile !
Merci beaucoup Ilya!

Алексей

Темы: 663 Сообщения: 3962 Участник с: 03 марта 2010

Выкатили сегодня фиксы. Все «покраски» стилями работают предсказуемо: стиль применяется триггерно: нажал — применился, выделение не сбросилось; повторное нажатие стиль отменяет. Стили можно нанизывать один на другой: кнопка с жирным курсивом в верхнем индексе, покрашенная желтым маркером — пожалуйста! :) Стили можно отменять. Нет ловушки стилей (когда набор продолжается в выбранном стиле, и из него не выскочить — выход делается по стрелке вправо). Спойлер вставляется интуитивным образом. Системное окно заменено на кастомное.

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

Цитаты ставятся в позицию курсора. Это, кстати, было из-за того, что при выходе из окна редактора в другое место для выделения цитаты понятие «позиция курсора» теряется, потому что ты в этот момент уже не в редакторе, там и курсора-то нет. Но, в общем, сейчас работает как нужно. И да, по-умному стиль кода работает (строка или абзац)

Картинки при вставке ложатся в хранилище Амазона. Тот удивительный случай, когда наша уязвимость с площадками по всему миру, для оплаты которырх нужно всеми правдами и неправдами зарабатывать валюту, обернулась для нас страховкой и гарантией сохранения данных. Вот уж точно, никогда не знаешь, где найдешь, а где потеряешь.

Нам нужна ваша помощь. Пожалуйста, поддержите Le-francais.ru !

Темы: 663 Сообщения: 3962 Участник с: 03 марта 2010

Дремучий:
туда можно поместить что-то полезное – слово дня, коротенькая новость, поговорка, цитата (у меня, кстати, набралось немного из подписок).

Давай замутим! Я освоился с Antigravity, теперь такие штуки делаются легче.

Нам нужна ваша помощь. Пожалуйста, поддержите Le-francais.ru !

Темы: 5 Сообщения: 820 Участник с: 22 июня 2022

ILYA DUMOV:
Давай замутим! Я освоился с Antigravity, теперь такие штуки делаются легче.

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

Мы — забытые следы чьей-то глубины…

Темы: 663 Сообщения: 3962 Участник с: 03 марта 2010

Дремучий:
может статься, что я единственный, кто пользуется сайтом с десктопа.

Пользователей десктопов меньше, но это «меньше» не сакраментальное. При этом пользователи ПК более ангажированные, больше времени в среднем проводят и активнее пользуются сайтом — это видно по всем цифрам. Другое дело, что это общий трафик, в дем доминируют запросы к спрагателю. Что касается уроков, это мизер по сравнению с этим трафиком. Это статистика за четыре недели.

image.png

Дремучий:
Чем могу быть полезен?

Если поделишься своей копилкой слов и прочих интересных материалов в каком-то формализованном виде, то можно сделать раздел со словом дня и поговорками. Можно пцбликовать посты с этими материалами, а ссылки на них размещать в разделе в сайдбаре. Как вариант.

image.png

Нам нужна ваша помощь. Пожалуйста, поддержите Le-francais.ru !

Зарегистрируйтесь или войдите чтобы оставить сообщение.