Обновление сайта. Что нового?

Hello world!
На этих выходных, с 21.09 по 22.09 производилось обновление сайта. Как-то долго, по сравнению с предыдущими обновлениями, не правда ли?
Да, в этот раз было крупное обновление движка XenForo, мы обновились с версии 2.0.10 до 2.1.4, т.е до последней на данный момент.

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

1.Новые иконки FontAwesome 5
Думаю, сразу стало заметно, что что-то поменялось в дизайне. Одно из изменений - иконки
Если в предыдущей версии были использованы иконки FontAwesome 4, то сейчас используется FontAwesome 5
Думаю, лучше всего будет посмотреть на примере редактора:
1569181816961.png

Редактор со старыми иконками (XenForo 2.0 / FontAwesome 4)
1569181892786.png

Новый редактор, с иконками FontAwesome 5 и стилем regular
1569181957427.png

Новый редактор, с иконками FontAwesome 5 и стилем
solid
1569181994264.png

Новый редактор, с иконками FontAwesome 5 и стилем light
Кстати, как думаете, какой из доступных вариантов иконок установить на сайте? Напишите в комментарии.

2. Поддержка Markdown

Многие разработчики наверняка знакомы с Markdown.
Markdown - это простой и простой в использовании язык форматирования, который позволяет вам более легко форматировать обычный текст в HTML.
Теперь оформлять сообщения можно с помощью него, при сохранении он будет преобразован BB-код (да, при редактировании придется работать с BB-кодом)
Вот небольшой пример:
92658

Написание сообщения с использованием Markdown

92659

Полученный результат

92660

После сохранения преобразуется обратно в BB-код.
Чтобы узнать больше о Markdown, вы можете посмотреть "cheat sheet" на GitHub.

3. Улучшенная интеграция редактора и синтаксиса опции BB-кода
В новой версии BB-коды стали намного функциональнее, чем в предыдущих. Обновлен редактор
Добавлены опции BB-кода, что позволяет сделать подобное:
1569183268350.png

Неплохо, правда?
Сообщение из примера выше выглядит так:
Код:
[IMG align="left" width="337px" alt="PHP versions"]https://xenforo.com/community/attachments/1539019830210-png.185010/[/IMG]
This is what I might have used the other day if we had been running XF 2.1 already :rolleyes:
Как можно заметить, появились новые опции BB-кода: выравнивание, ширина и описание.

4. Спойлер?!
Это нововведение не такое новое, но если речь зашла про редактор и сообщения, то почему нет?
Однострочный спойлер - спойлер, расположенный прямо на строке в сообщении. Мелочь, но может пригодиться :)
Помимо вставки через кнопку редакторе, Вы также можете использовать BB-код [ISPOILER] напрямую.

5. Превью ссылок
Да, превью ссылок, как в ВК или Телеграм.
Но проще показать:
Превью получается, если написать ссылку как текст, без BB-кода, и обязательно с новой строки.

6. Смайлы EmojiOne
Теперь смайлов хватит всем!
В новой версии используется полный набор смайлов EmojiOne от JoyPixels.
Но как же найти нужный смайл среди такого количества? Правильно, поиском:
1569209919045.png

Так же есть автодополнение:
1569210087886.png


7. Реакции
Думаю, пользователи Facebook знакомы с этой функцией. Реакции заменили стандартные лайки из прошлых версий, теперь это выглядит так:
Поведение кнопки "Мне нравится" не сильно отличается. Вы можете просто кликнуть/нажать кнопку, чтобы оценить (или удалить выбранную реакцию), но для доступа к другим реакциям, нужно навести на ссылку (или коснуться и удерживать на сенсорных устройствах), и уже во всплывающей подсказке будет отображаться все доступные реакции.

Так же изменились и оповещения о полученных реакциях:
1569211404699.png
Ну и статус бар под сообщением так же изменился:

1569211511385.png
Если нажать на список реакций в статус баре, можно посмотреть все реакции к сообщению. они появятся во всплывающем окне:
1569211579508.png
В списке тем отображаются популярные эмоции для темы:
1569211631762.png

8. Закладки
Что делать, если вы нашли какое-то важное для себя сообщение, и оно может понадобиться позже?
Можно воспользоваться поиском по форуму, можно сохранить ссылку у себя, а можно.... Добавить в закладки!:

1569211801445.png



Где же посмотреть свои закладки? На странице своей учетной записи:
1569211894919.png

9. Возможность поделиться сообщением в социальных сетях
Думаю, долго говорить не стоит. Просто покажу пример:

10. Push уведомления
Думали, что все интересное уже закончилось? А вот и нет!
Теперь на сайте появилась поддержка push уведомлений, которые можно включить и настроить
здесь
Событием для уведомления может быть почти все: новый ответ в переписке, новый ответ в теме, новая реакция к сообщению, новый подписчик итд.

К сожалению, по причинам, не зависящим от нас (читайте: это ошибка Apple), список поддерживаемых устройств/браузеров исключает Safari для MacOS и любого браузера на базе iOS. Эта функциональность становится возможной благодаря использованию ряда API, включая Push API и Notification API, которые уже поддерживаются большинством браузеров.
 

Комментарии

Сверху