#правки_дизайна_фанфикса #очень_мелкое_нововведение

В списке персонажей фандома (например https://fanfics.me/fandom14/heroes):

- убрал лишние подзаголовки "Поиск персонажей" и "Группы персонажей", уменьшил отступы между блоками;

- группы персонажей после пятой скрываются под "показать ещё";

- рекламный баннер перенёс под первого персонажа.

#правки_дизайна_фанфикса #внутренности_фанфикса

Ещё кое что про маленький шрифт.

Причесал и отрефакторил вывод описания фанфика в кратком виде во всех местах на сайте:
- в новостях
- в рекомендациях
- в списках фанфиков, если выбран краткий вид

Теперь там используется не 11 шрифт, а 14 и увеличенный межстрочный интервал.

Из неочевидного - для ФвФ теперь выводится фандом/жанр/размер/статус в кратком виде, чего ранее не было.

P.S. Кто-нибудь помнит, что в стародавние времена на Фанфиксе была форма быстрого отбора фанфиков в избранном, в коллекциях и т.д.? Там была такая табличка с размерами, рейтингами, категориями и статусами, можно было тыкнуть на поле таблички, и из списка исчезали/появлялись определённые фанфики. Оказалось, что до сих пор в коде были специальные стили, которые использовались только для работы этого быстрого отбора и ни для чего больше...

#правки_дизайна_фанфикса #фанфикс #будни_админа #информационные_технологии

Как говорится: "админ птица гордая, пока не пнешь, не полетит".

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

Я давно посматривал на эти 11 пикселей в стилях, они мне не нравятся, но я их всё не трогал, не хватало некоего пинка.

Итак:
- в горизонтальных меню всех трёх уровней увеличен размер шрифта с 11 до 12 пикселей.
- в подзаголовках страницы увеличен размер шрифта с 11 до 12 пикселей (это те подзаголовки, где в общей ленте блогов написано "Все новые сообщения", а в поиске фанфиков "Найдено 58 008 фанфиков").
- отрефакторен раздел "новости сайта" с минимальными визуальными изменениями, где-то отступы изменились, где-то шрифт чуть изменился, расположение парочки управляющих элементов.

P.S. Вот вы не знали, а когда-то основной размер текста на сайте был как раз 11 пикселей. Потом он был увеличен до 12, ещё позже до 13 и потом ещё раз до 14. Есть мнение, что стоит даже ещё увеличить.
Такие изменения связаны с развитием техники - мониторы совершенствовались, размер пикселя уменьшался. Когда Фанфикс родился на свет, самым распространенным разрешением экрана было 1024х768 пикселей, а встречалось ещё и 800х600. Экран с диагональю 17 дюймов мог иметь разрешение в 1024х768 пикселей. Сейчас же такое реальное разрешение у планшетов с диагональю 9 дюймов.

#правки_дизайна_фанфикса #будни_админа

Рефакторинг такой рефакторинг. Всё, как обычно, делаешь одно, цепляется другое, второе, третье.

Совершенно случайно и непреднамеренно поправил верстку формы редактирования фанфика/арта/заявки в разделах: категория, статус, рейтинг. На ПК оно выглядело нормально, а вот на телефонах - нет.

Например статус. Было:


Стало:

#правки_дизайна_фанфикса #очень_мелкое_нововведение

Исправил формулировки текущего упорядочивания во многих списках на сайте. Чтобы страница выглядела опрятнее с телефонов.

Было

Стало

#правки_дизайна_фанфикса #очень_мелкое_нововведение

1. В работе с фанфиками в горизонтальном меню (там, где "Опубликованные", "Неопубликованные", Совместная работа", "Корзина" и "Серии фанфиков") ссылка на активный раздел теперь всегда будет в зоне видимости. Это актуально для просмотра с телефонов, где в этом меню присутствует горизонтальная прокрутка. После перехода по разделам это меню теперь будет автоматически прокручиваться к активному элементу, если его не видно на экране.

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

Например, в любом фандоме, если перейти на раздел "Канон", раньше ссылка "Канон" в меню была не видна, теперь будет видна.

3. В профиле пользователя меню со списком всех разделов раньше не использовало горизонтальную прокрутку, поэтому у активных пользователей это меню могло занимать 3 строки. Теперь там используется горизонтальная прокрутка.

4. Всё то же горизонтальное меню с телефонов. Раньше прокручиваемая область была больше необходимого. Теперь прокручиваемая область будет соответствовать присутствующим пунктам меню на конкретной странице.

P.S. Есть ещё меню работы с конкретным фанфиком. Думаю, что с ним лучше сделать.

P.P.S. Если где-то на сайте из-за этих изменений ситуация ухудшилась, напишите пожалуйста, я мог не заметить (скриншоты приветствуются).

P.P.P.S. С десктопов никаких изменений вообще не должно быть заметно, если не так, тоже пишите обязательно. Проверить всё самостоятельно я стараюсь, но не всегда получается :(

#правки_дизайна_фанфикса #фанфикс #очень_мелкое_нововведение

Давно хотел это сделать, теперь сделал.

Изменена цветовая идентификация кнопки подписки. Теперь, если вы не подписаны на что-то, кнопка ярко зелёная - привлекает внимание. А если уже подписаны, то кнопка серая, не отвлекает.

Это касается:
- подписки на фандом
- подписки на пользователя
- подписки на автора ФвФ
- подписки на коллекцию
- подписки на заявку
- кнопки "В избранное" в фанфиках и ФвФ
- кнопки "Добавить в коллекцию" в артах

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

#очень_мелкое_нововведение #правки_дизайна_фанфикса

Небольшое эстетическое нововведение. Теперь qr-код, генерируемый для быстрого перехода на страницу произведения с одного устройства на другое, брендирован нашим "чуваком с книжкой".


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

#очень_мелкое_нововведение #правки_дизайна_фанфикса

Иконка ми-ми-ми обновлена. Долой трусы!

#очень_мелкое_нововведение #правки_дизайна_фанфикса

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

#очень_мелкое_нововведение #правки_дизайна_фанфикса

1. В места в сети в профиле добавлены пункты: telegram-канал и litmarket.ru

2. Изменена вёрстка вывода мест в сети в профиле пользователя.

#очень_мелкое_нововведение #правки_дизайна_фанфикса

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

#нововведение #правки_дизайна_фанфикса

Дублирую запись из блога админа:

#правки_дизайна_фанфикса

Последние дни правлю css фанфикса, объединяю и унифицирую стили, удаляю лишнее. Что-то улучшаю.

Обновил форму настроек фандома, которая появляется, если в шапке фандома нажать на шестерёнку. Сделал форму на всю ширину блока, убрал таблицы. Теперь форма лучше смотрится с телефонов.

Унифицировал стрелочки вверх/вниз, с помощью которых можно менять местами: каноны, группы персонажей, ссылки и иллюстрации в фанфике. Сделал эти стрелочки крупнее. Встроил их же в редактирование серии фанфиков. Удаление фанфика из серии сделал ссылкой с подтверждением, вместо иконки, которая срабатывала сразу.

Изменил виджеты в шапке фанфика - выбор единиц измерения размера текста, выбор читать по главам/весь текст, выбор формата архива для скачивания.

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

#правки_дизайна_фанфикса

1. Увеличен шрифт в виджете "В избранное..." - метки и коллекции стали крупнее, их удобнее будет нажимать пальцем на экране телефона.

2. Доработана тёмная тема на странице чтения. Тёмная тема для всего сайта в работе.

#правки_дизайна_фанфикса
давно я не меняла аватарку...

так вот. Раньше было лучше со сменой аватарки, а теперь она не выделяет область которую я хочу отображать(

#правки_дизайна_фанфикса #исправление_ошибки

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

Спасибо Граф Ноль

#очень_мелкое_нововведение #правки_дизайна_фанфикса

Давно меня задевало, что при переходе в ленту последних рекомендаций с телефона на первом экране видно только меню, форму поиска и рекламный баннер, а самого контента совсем не видно. Сегодня предпринял несколько действий, чтобы это изменить. Заодно получилось сделать ещё что-то полезное.

1. Появилась возможность просмотреть список рекомендаций ко всем фанфикам/переводам конкретного пользователя.
Заходим в его профиль, в работы, там в статистике (где указывается количество работ, общее количество читателей и т.д.), если к работам пользователя написана хотя бы одна рекомендация, строчка "ХХ рекомендаций" теперь является ссылкой на нужную страницу.
Это дополнительная возможность выбрать, что почитать у автора.

2. Раздел со списком рекомендаций "к моим фанфикам" переехал в профиль. Смотрите пункт 1, рекомендации к своим фанфикам теперь можно посмотреть там же. Если включен пункт меню "Рекомендации", то ведёт он туда же.
Из общего раздела рекомендаций пункт "К моим фанфикам" убран.

3. В ленте последних рекомендаций форма поиска по умолчанию скрыта при просмотре с телефонов. Кнопка "Показать форму поиска" делает именно то, что на ней написано :)

#правки_дизайна_фанфикса

Исправил адаптивность формы поиска блог-сообщений, теперь на телефонах "дата до" и кнопка "Искать" переносятся на вторую строку, а строка поиска растягивается на всю ширину страницы.

Таких форм на сайте три: общий поиск по блогам, поиск по блогу конкретного юзера и поиск по блогу конкретного фандома.

Где ещё на сайте есть формы/страницы, которые плохо выглядят/работают на телефонах?

Несколько я знаю, они всё ждут, но там есть связанные сложности, возможно, про какие-то проблемы я даже не в курсе.

#очень_мелкое_нововведение #правки_дизайна_фанфикса

Небольшое обновление верстки сайта:

1. На странице чтения, после слова "КОНЕЦ", ссылка "Пометить фанфик прочтенным" заменена на "Пометить прочтенным". Если её нажать, появляется виджет с кнопками "Понравилось/Не понравилось" и дополнительный блок с информацией о других произведениях автора и предложением подписаться на автора. Теперь в этом блоке есть ещё и ссылка "Написать комментарий".

2. Обновлён вид списков пользователей. Аватарки стали больше, информация выводится ровнее и аккуратнее, в том числе, в мобильном виде.

3. В списке "Моё избранное -> Авторы" меню действий с подпиской теперь выглядит и работает так же, как это же меню в профиле автора. Аналогично на странице "Профиль -> Рекомендует авторов".

4. Обновлена вёрстка рейтинга фанфиков.

5. В содержание фанфика вставлены ссылки на переход сразу к тексту, а не к шапке на странице чтения.

6. На странице чтения, при сворачивании содержания, вставлена прокрутка, чтобы на экране не оказывалось случайное место в тексте.