Новые стили АШ

Аватар пользователя alexsword

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

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

Если кто-то натолкнется на серьезные проблемы, старый дизайн доступен по адресам desktop.aftershock.news (для ПК) и m.aftershock.news (мобильный).

Авторство: 
Авторская работа / переводика

Комментарии

Аватар пользователя И-23
И-23(8 лет 8 месяцев)

Не только в комментариях.
Хотя Алекс не согласен. И тут уже мне интересны причины.
См. https://aftershock.news/?q=comment/9046528#comment-9046528

Аватар пользователя atorn
atorn(6 лет 3 месяца)

UPD:

Работает, только если включить шрифт Roboto. Что, конечно, есть недостаток - не у всех шрифтов есть лигатуры bolder , надо поменять на bold. Или настройку в зависимости от шрифта.

Здесь замысел (автора Кукурузо) был - вместо 400 и 700 использовать 300 и 500. Считается, что более тонкий шрифт легче читать. Но слишком тонкий тоже начинает читаться хуже (читал недавно где-то по теме выбора шрифтов на сайте и в ОС). Если даже стал Roboto лучше, надо иметь возможность остальным шрифтам использовать 400 и 700.

Аватар пользователя alexsword
alexsword(12 лет 7 месяцев)

Алекс не согласен, потому что не смог воспроизвести по вашей жалобе. 

По жалобе камрада видно, что речь о МОБИЛЬНОЙ версии, это уже лучше в плане воспроизведения :).

Конечно, решим. 

Аватар пользователя Великий Кукурузо

Это жирный текст

Аватар пользователя Hugido
Hugido(8 лет 4 дня)

У меня проблемы с выделением текста в окошке коментария - можно выделить только одно слово, а потом окошко "вставить" мешает. И только нажав на него, а потом выйдя через крестик можно выделить ползунками нужный кусок текста. Считаю это баг какой то. Надо бы исправить. 

Мобильная версия. Как на пк не знаю.

Аватар пользователя atorn
atorn(6 лет 3 месяца)

Это тут разобрано: https://aftershock.news/?q=node/891937 в комментарии раздела "Техника АШ". Попробуем вернукться к норме, Алексу написал вариант решения.

Аватар пользователя Pa
Pa(12 лет 3 месяца)

У меня в смарте всё также. Максимум информации на минимум слов! smile1.gif

Аватар пользователя atorn
atorn(6 лет 3 месяца)

Поменяйте адрес с m.aftershock.news на aftershock.news . Он будет в перспективе единственным мобильным адресом, сейчас мобильники поддерживаются через aftershock.news , для замечаний - эта тема.

Аватар пользователя Occludee
Occludee(8 лет 7 месяцев)

Выделение жирным в комментариях в новом стиле не работает.

Аватар пользователя ofelias
ofelias(5 лет 5 месяцев)

Работает.

Аватар пользователя alexsword
alexsword(12 лет 7 месяцев)

Похоже, что проблема в комбинации шрифтов, их вариантов, и мобильного дизайна, проверим. 

Аватар пользователя Occludee
Occludee(8 лет 7 месяцев)

Теперь работает, спасибо.

Аватар пользователя alexsword
alexsword(12 лет 7 месяцев)

Да, проблему локализовали (она касалась только FF) и решили.

Аватар пользователя atorn
atorn(6 лет 3 месяца)

Работает, только если включить шрифт Roboto. Что, конечно, есть недостаток - не у всех шрифтов есть лигатуры bolder , надо поменять на bold. Или настройку в зависимости от шрифта.

Здесь замысел (автора Кукурузо) был - вместо 400 и 700 использовать 300 и 500. Считается, что более тонкий шрифт легче читать. Но слишком тонкий тоже начинает читаться хуже (читал недавно где-то по теме выбора шрифтов на сайте и в ОС). Если даже стал Roboto лучше, надо иметь возможность остальным шрифтам использовать 400 и 700.

Аватар пользователя ofelias
ofelias(5 лет 5 месяцев)

Arial

Аватар пользователя МысльВслух

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

Аватар пользователя ofelias
ofelias(5 лет 5 месяцев)
 
Комментарий

 

Аватар пользователя alexsword
alexsword(12 лет 7 месяцев)

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

Аватар пользователя МысльВслух

спасибо, раньше даже не обращал внимания

Аватар пользователя jawa
jawa(7 лет 7 месяцев)

Дизайн

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

Аватар пользователя константин50
константин50(7 лет 11 месяцев)

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

Аватар пользователя atorn
atorn(6 лет 3 месяца)

1. Хуже стало - вы выбрали шрифт Roboto или Arial? Roboto - линии стали тоньше. Именно это ухудшает? Если Arial, то с ним тоже могут быть заморочки с локальным компом ,уточните, пожалуйста.
2. Ссылка на комм -

3. Обращение по аватарке можно сделать. Но никто не запрашивал. ❗ ❗ ❗  Ау, другие, нужно ли обращение кликом по аватарке? ❗ ❗ ❗

Аватар пользователя Скиталец
Скиталец(8 лет 6 месяцев)

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

 

Аватар пользователя ofelias
ofelias(5 лет 5 месяцев)

Сайт не видит ссы­лок ки­рил­ли­цей.

 Например?

Аватар пользователя Скиталец
Скиталец(8 лет 6 месяцев)

См. статью камрада Великий Кукурузо "Техническое Новый дизайн АШ" от 20.06.2020. Мой пост в 12.26.02. Там есть скрины.

P.S. Инфа в таком виде, ибо на данный момент вставить ссылку на ТФ ещё тот геморрой.

Аватар пользователя ofelias
ofelias(5 лет 5 месяцев)

Если я правильно понял, то речь об этой ссылке

И об этом - Введение в проектирование, конструирование и производство ракет?

Или что?

Аватар пользователя Скиталец
Скиталец(8 лет 6 месяцев)

Совершенно вот именно. Причем вылез очередной прикол. Если я открываю "ссылку" из Вашего поста, то открывается левая половина страницы сайта, разделенного пополам. А если открываю нижнюю ссылку, то все путем. И, да, при переходе на сайт, где размещена монография, открывается не ссылка на книгу, а главная страница сайта. То есть, все, что написано кириллицей, игнорируется.

Причем, такая же "шняга" была и на компе с 10-й виндой и сейчас на ТФ с андроидом.

Аватар пользователя ofelias
ofelias(5 лет 5 месяцев)

Я не знаю, как, чем и что вы там открываете, у меня открывается pdf с этой страницы. Все работает.

 
Пример

 

Аватар пользователя Скиталец
Скиталец(8 лет 6 месяцев)

Чем открываю я - я уже написал. Могу повторить ещё раз. Комп: 330-й Леново, 10-я винда, Опера. ТФ: 9-й Сяоми, Андроид, Опера. И кстати, при открытии "ссылки" в этом Вашем посте - выбросило на главную. То есть точно так, как я описывал ранее. А чем Вы открываете (и как) я не знаю. 

P.S. Причем это только на АШ.

Аватар пользователя ofelias
ofelias(5 лет 5 месяцев)

Сам пост.

Скрин верхней ссылки.

 

Скрин книги (средняя)

 

Скрин нижней (там где много слов).

 

7/10, Chrome, Fox, Opera.

Прокрутите эту тему дальше, я там сказал об этом своем посте.

Что вы вообще хотите, вам делать нечего или что? Все работает, и "кириллица", как вы выразились, - тоже.

Аватар пользователя Скиталец
Скиталец(8 лет 6 месяцев)

Я хочу, чтобы это работало не только у Вас, но и у меня. Вполне законное желание, Вы не находите? Кстати, ниже камрад atorn вполне внятно ответил почему это может быть. Ждём результатов. И, да, по ссылке "сам пост" опять появляется только левая половина экрана.

Аватар пользователя atorn
atorn(6 лет 3 месяца)

"Сылка" - на старый дизайн. У меня рабоает корректно (W10 Fx80.0b8), не половина страницы, а 100% даже на узком окне 1000 пикс. и меньше. Не установлено ли у Вас какое-либо расширение браузера? Попробуйте открыть в режиме "инкогнито" с отключением расширений.

Аватар пользователя atorn
atorn(6 лет 3 месяца)

Я такую задачу (автосохранение при отправке) поставил как важнейшую. Сразу после дизайна, думаю, сделаем.
2. Тест: https://правительство.рф/ https://правительство.рф/

Первый раз ввёл с линком, второй - без. В этом смысле не видит ссылок, при отправке? Да, надо поправить плагин редактора, чтобы кириллицу считал распознаваемыми символами. Тоже не сразу, после дизайна.

Аватар пользователя Скиталец
Скиталец(8 лет 6 месяцев)

Да, отрабатывает только латиницу. Кириллица - игнор. Выше дал ссылку на мой пост со скринами.

Аватар пользователя ofelias
ofelias(5 лет 5 месяцев)

Смотрите чуть выше.

Аватар пользователя atorn
atorn(6 лет 3 месяца)

.

Аватар пользователя Дмитрий Петров

А мне нравится дизайн. Как-то посовременнее стало. 

Аватар пользователя vs451
vs451(7 лет 2 месяца)

Увеличьте зазор между статьями вот так: 

.node-teaser {

  1. border-bottom: 1px solid #3d3d3d;
  2. margin-bottom: 20px;
  3. padding: 8px 0;

}

Чтобы было вот так:

 

(Сейчас слишком плотно, все сливается в одну сплошную простыню)

Аватар пользователя atorn
atorn(6 лет 3 месяца)

20 пикс - несимметрично выходит. Сделал в своей версии

border-bottom: 1px solid rgba(112, 112, 112, 0.45);
margin-bottom: 12px;
padding: 8px 0;

(пока недоступна для просмотра). Так и в тёмной теме смотрится нормально, а то не было вообще.

Аватар пользователя ДК
ДК(11 лет 7 месяцев)

попробуйте просто убрать линии между статьями и ничего не будет сливаться.

.node-teaser {
    /* border-bottom: 1px solid #3d3d3d; */
    margin-bottom: 2px;
    padding: 8px 0;
}

Аватар пользователя atorn
atorn(6 лет 3 месяца)

Мне показалось, что наоборот сильно путается. Дело в том, что может не быть тегов временами, и нижняя кромка сильно "гуляет". В общем ,сделано. (Посмотреть пока негде).

Аватар пользователя atorn
atorn(6 лет 3 месяца)

Вопрос о цвете ссылок в тёмной версии, обычных и посещённых

Пользователи мобильных: прошу оценить, нормально ли будут смотреться такие цвета ссылок вместо тёмно-красного?

Сиреневый, чтобы уйти от красного и фуксии.

Ещё вариант - #ce99c8;

Обычный цвет посещённых ссылок на белом -

Аватар пользователя ДК
ДК(11 лет 7 месяцев)

обычно оттенок оставляют тот же но делают светлее и десатурированнее.

Аватар пользователя Tartarin
Tartarin(8 лет 10 месяцев)

Новая версия загружается на порядок дольше. Перебиваю букмарку на старую версию. Там АШ грузился мгновенно.

Аватар пользователя Wolfi7
Wolfi7(3 года 10 месяцев)

На смартфоне перестала форматироваться страница при увеличении. Текст расплывается за края экрана, приходится читать мелким. И постоянно какое-то сообщение о сбое вылетает.

Аватар пользователя Скиталец
Скиталец(8 лет 6 месяцев)

А у Вас в настройках включено форматирование? У меня этих проблем нет. Опера, 9-й Сяоми.

Аватар пользователя Wolfi7
Wolfi7(3 года 10 месяцев)

Щас буду посмотреть. Раньше этого не требовалось.

Аватар пользователя NeaTeam
NeaTeam(9 лет 4 месяца)

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

Аватар пользователя Dobriy_on
Dobriy_on(8 лет 3 месяца)

Народ творит, наверное это хорошо.

Не уловил прикола, с отключением темного стиля, когда залогиневаешься. Опера.

В IE темная не появляется совсем.

Для меня, вот на скрине ниже, на ноуте (а это 99.99% времени на АШ) - нормально все, вот только бы темную.

Аватар пользователя ofelias
ofelias(5 лет 5 месяцев)

Переключение, Opera, логин.

 

 

Страницы