Ama

У меня есть причины не любить аббревиатуру WYSIWYG. Во-первых, я до сих пор не могу сходу её написать всё время сначала проговариваю про себя расшифровку (What You See Is what You Get) и только потом пишу. Во-вторых, она ужасно читается, визивиг или, что ещё хуже, висивиг отвратительнее только иметь дело с бандой tough-though-trough-through-thorough-thought-throw. В третьих, в ней аж две буквы y, которая залипает в моём ноутбуке, но это так, совсем уж личное.

Есть ещё четвёртая причина, которая за годы присутствия в интернете стала граничить с фобией как правило, говоря визивиг (ааа!), в мыслях мы представляем какой-то кухонный комбайн, за которым прячется КаМАЗ кода. И в итоге всё это если и работает как задумывалось, то в лучшем случае в каком-то одном браузере. И даже в нём лишь с костылями. Ну или это всё мой негативный опыт, просто ещё не встретил идеальный редактор.

Тем не менее последние полгода (а может и больше) мы работали именно над этим над новым редактором публикаций. Можно было бы прокачать текущую форму создания публикаций (которая практически не менялась с момента создания Хабра), но всё же мы подумали, что вёрстка постов с помощью HTML-тегов в 2020 годуэто в принципе не дело, а для части пользователей так вообще неподъёмное дело.

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

Поддерживается markdown-разметка, горячие клавиши (CTRL/ + B, U, I, S, K) и вставка из буфера обмена (с форматированием).

Вторая страница отведена под настройки: выбор типа поста и языка, поля для добавления хабов, тегов и текста анонса, а также загрузку картинки для соцсетей.

Что поддерживает новый редактор

• Заголовки (в том числе через #)

• Цитаты (с отбивкой слева, как раньше, а не в жёлтом блоке как в текущем редакторе)

• Маркированные и нумерованные списки (вложенность добавляется через Tab)

• Медиаэлементы (посты из соцсетей, треки, видеоролики, Codepen и т. д.)

• Изображения (вставка с диска, минуя Habrastorage, либо из буфера обмена), включая SVG

• Разделители

• Таблицы (с поддержкой выравнивания, вставки и удаления строк и столбцов, а также объединения ячеек)

• Код (с подсветкой синтаксиса) как строчный, так и блочный (в том числе через ``)

• Формулы в TeX-формате

• Спойлеры

Мы делали WYSIWYG с мыслью о том, что для создания поста не нужно пользоваться сторонними редакторами садись и пиши прямо на Хабре, сохраняй в черновики, если не удалось написать всё в один заход. Но даже если вы хотите перенести наброски откуда-то извне, в 9 из 10 случаев достаточно будет нажать Ctrl/+A Ctrl/+C Ctrl/+V, и всё перенесётся само, включая ссылки, форматирование и даже картинки они сами зальются на наш Habrastorage.

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

Что и как проверять Пока мы не делаем новый редактор доступным для всех, а только тем, кто является бета-тестером Хабра. Если хотите присоединиться жмите на свою аватарку в правом верхнем углу и выбирайте в меню пункт Бета-тестирование. Там уже создан новый эпик про редактор все найденные баги и аномалии следует писать в комментариях к нему.

Что ещё сделали за август

Так как все силы были брошены на доделывание редактора, больше особо ничего не успели сделать. Тем не менее:

• Поменяли логику работы блока Новости. Раньше там выводилось 5 новостей и ссылка Все новости для перехода в новостной раздел. Теперь 5 новостей и кнопка Показать ещё, показывающая ещё 5 новостей, и только после неё ссылка для перехода в раздел новостей.

• Пофиксили прогрузку списка хабов на странице управления подпиской

• Починили вывод даты последней активности в некоторых профилях

• Исправили ссылку Написать в ЛС в блоке автора под постом

• Починили локализацию времени в некоторых закромах

• Поколдовали над сервисом вывода похожих постов

• Исправили отступы в блоках читают сейчас

• Исправили поведение правого сайдбара

• Починили открытие якоря публикации в новом окне

• Исправили отображения футера на страницах ошибок

• Наладили отображение AMP-публикаций, созданных через новый редактор

• Сделали подгрузку картинок в постах и комментариях за 500px до скролла

Всем визивиг!

Команда Хабра до сих пор находится на добровольной удалёнке и, несмотря на это, мы готовы хвастаться: все сотрудники не переставали трудиться ни на минуту. Мы, как и прежде выкатываем фичи и обновления, готовим отчёты Хабр Карьеры, создаём спецпроекты, модерируем и выпускаем из Песочницы the best of the best.

Последняя пятница июля это не только День сисадмина, но и время очередной сессии общения с аудиторией, то есть AMA. Мы расскажем вам о том, что новенького на Хабре, а вы расскажите нам, какие мысли/идеи/предложения/жалобы у вас есть. Ну и поговорим за жизнь: как у вас в городах с самоизоляцией, вернулись ли в офис, как вам она, великая и ужасная (прекрасная) удалёнка?

Каждую последнюю пятницу месяца мы стараемся опубликовать AMA-пост (Ask me anything) с сотрудниками Хабра. Это уже 20-ый выпуск, а значит этой идее уже почти 2 года! За это время у неё кристаллизовался свой формат: сначала мы пытаемся придумать вступление (ну а куда без него), затем рассказываем про парочку ключевых фич или событий месяца, а в качестве вишенки на торте чейнджлог по нашим проектам.В этом месяце у нас не было каких-то глобальных анонсов мы продолжаем работать над избавлением от десктопной и мобильной версий Хабра в пользу одной единственной. Уже сейчас вы можете зайти на m.habr.com (или добавить эту ссылку на раболчий стол смартфона) и полноценно пользоваться сайтом. Ну или не совсем полноценно над этим мы как раз и работаем.

Второе, над чем кипит работа WYSIWYG-редактор. Чтобы процесс создания нового поста был лёгким и удобным, а незнание нюансов интерпретации html/markdown-разметки Хабром никак не мешало. Этот пост написан в новом редакторе, в котором:

и секси-цитатки

и вставка из буфера обмена с форматированием.

и... и много чего ещё. Думаю, релиз уже не за горами.

* * *

Второе, о чём хотелось бы сказать (особенно на фоне публикаций о том, что посты на Хабре уже не те). Ребят, не сотрудники Хабра пишут посты, их пишете вы :) И у нас вовсю идёт третий конкурс статей Технотекст, в котором каждый из вас может принять участие. Правила максимально простые, номинировать можете любую вашу публикацию (правда, только одну, поэтому выберите лучшую) присоединяйтесь!

Changelog

Лично я не очень люблю, когда при обновлении приложений на телефоне в списке изменений пишется сухое исправление ошибок и оптимизация. Интересно же, какие баги исправили и где искать новые? ) Поэтому пусть ниже будет немножко подробностей для любознательных.

Хабр

• Вернули под постом стрелки голосования за карму автора (до этого был всплывающий попап)

• Улучшили вёрстку отправляемых писем

• Уменьшили количество промо-ссылок в шапке с 3 до 1

• Добавили подсветку синтаксиса для языка R

• Добавили в подвале сайта ссылку на раздел с мерчем

• Блок Рекомендуем переименован в Партнёрские материалы

• Обновить иконку Яндекс-Дзена в подвале. Если пользуетесь Дзеном, то подпишитесь на нас.

• Добавили кликабельности некоторым местам на сайте (например, название блока Новостей или внутри админки корпоративных блогов)

• Почистили подкапотное пространство Хабра от следова Geektimes

• Исправлено около 10 опечаток

Множество доработок под капотом: улучшение API, доработка воркеров, методов и прочего.

Исправили:

• В ряде случаев юникод приводил к поломке вёрстки комментариев

• Убрали рандомное появление ошибки Страница не найдена

• Не работали anchor-ссылки на страницах документов (например)

• При нажатии на # у комментария, в адресной строке не формировалась ссылка на него

• В Safari у некоторых постов в ленте появлялся внутренний скролл

• Исправили ошибки, возникающие при подаче заявки на блог с тарифом Стартап

• Была проблема с обновлением данных блоков Самое читаемоеи Читают сейчас

• Доработали обработку нажатий клавиш при наборе комментария, спасибо @nin-jin за предложенное решение.

Мобильная версия

• Сделали выбор отображения вида лента: компактный (одни заголовки) и подробный (с текстом до ката)

  

• В поиске добавилось несколько настроек, починили поиск по тегам

• Стали поддерживаться хоткеи, начните с Shift + /

• В настройке ленты появилась кнопка Назад

• Причесали контекстные блоки: поправили размеры и отступы, добавили иконки

• Выровняли отображение автора комментария

• Причесали ховеры

• Появились настройки профиля

• Добавили font-smoothing в заголовки

• Добавили индикацию активного пункта меню

• Добавили loading-state при голосовании за карму

• Покопались в диалогах: настроили поведение скролла, уменьшили высоту поля ввода

• Поправили вывод блока новостей в блоге компании

• Починили редирект со страницы /top

• Пофиксили отображение плейсхолдеров для новостей

Карьера

Хабр Карьера хоть и влилась в состав Хабра, пока всё ещё остаётся самостоятельным проектом. Из нововведений:

• Появилась группировка уведомлений. Однотипные уведомления теперь аккуратно группируются, как во всяких там фейсбуках.

• У компаний появился раздел подписчиков и людей, которые хотят в них работать.
  
  Например: Хабр (кстати, у нас 3 вакансии), Яндекс, Сбербанк.

• Сделали мегафичу: арсенал и систему управления кандидатами. Арсенал это сборник инструментов, который должен упростить и повысить эффективность работы эйчаров. Пока анонсирован первый инструмент внутри него Кандидаты, подробности в анонсе.

• Опубликовали результаты исследования зарплат в IT за первое полугодие 2020. Это уже пятое исследование, в этот раз с обнновленным форматом.

Ещё пара строчек, которые хочется упомянуть в этом посте:

• Сделали небольшой стикерпак для телеграмма, пробуйте.

• Поздравляем Павла @zhovner с супер-крутым стартом на Кикстартере. Приятно, что не без нашего скромного участия.

Всем хорошим выходных!