Обновил внешний вид сайта. Кое что улучшил, а кое что - наоборот.

Сайт стал визуально легче, контрастнее и проще. Конечно, непривычно, но привыкнем.

Ругаться можно в комментариях.

Основная причина смены дизайна - старый просто надоел.

Появилась кнопка "вверх" в правом нижнем углу, более приятное оформление топиков и еще много чего по-мелочи.

← Предыдущая заметка
Оплата через PayPal
Следующая заметка →
Чудеса оптимизации
Комментарии (93)
Wassi Wassinnen
18.05.2013 01:40

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

bezumkinВасилий Наумкин
18.05.2013 01:41

Вадим - это кто?

Wassi Wassinnen
18.05.2013 01:42

Извини, один из подчиненных у меня счастливый обладатель этого имени. :) Василий, конечно же. :)

Wassi Wassinnen
18.05.2013 01:44

О! Кнопка "Вверх" появилась! :)

CleanClean
18.05.2013 01:51

1/font-family: 'Open Sans',sans-serif; -на мой взгляд все портит отход от стандартизации У меня шрифт отображается куцо, часть знаков съедается.

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

3.Лого выглядит как обрубок.не сочетается с белым фоном,нет перехода.

bezumkinВасилий Наумкин
18.05.2013 03:29

1. Убрал 2. Не согласен 3. У тебя наверное он просто закэшировался старый. Переименовал файл, должен грузиться обновленный логотип.

CleanClean
18.05.2013 03:33

Да,кэш хрома изувечил отображение. Сейчас все ОК, мне нравится, хоть и метро интерфейс в стиле Win 8 мне никогда не нравился)

bezumkinВасилий Наумкин
18.05.2013 03:36

Да это не то, чтобы Metro, просто плоский.

Округлости и градиенты давно утомили.

CleanClean
18.05.2013 01:53

p.s на заметку уверен что знаешь, но тем не мене посоветую сайт проверять еще на валидаторах от w3c. http://validator.w3.org/check?uri=http%3A%2F%2Fbezumkin.ru%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fbezumkin.ru%2F&profile=css3&usermedium=all&warning=1&vextwarning=&lang=ru

итп..Удачного реинженеринга проекта =)

Александр Донский
18.05.2013 01:55

Как на меня, слишком много белого.

не привычно, но привыкнем

=)

ElectricaМихаил
18.05.2013 02:04

Как то не привычно. Я бы вернул. Тут цвет был контрастнее, более читабельно. Хотя может так нравиться Василию.

Roman Smile
18.05.2013 02:38

Да, цвет был понасыщеннее. Например, присутствовал фирменный модэксовский зелененький)

Wassi Wassinnen
18.05.2013 02:07

Может, опрос? :)

Roman Smile
18.05.2013 02:42

Сайт стал визуально легче, контрастнее и проще.

Вряд ли прошлый дизайн можно было назвать хоть сколько-нибудь тяжелым, сложным и неконтрастным)

bezumkinВасилий Наумкин
18.05.2013 02:44

Надоел.

Что мне, второй год с один дизайном сидеть?

Wassi Wassinnen
18.05.2013 02:47

Даже не солидно как-то, второй год-то, да с одним дизайном.. **качает головой** :)

bezumkinВасилий Наумкин
18.05.2013 02:50

Перемены - это прикольно.

Уверен, новый внешний вид приживется не хуже старого.

Roman Smile
18.05.2013 03:07

Сочетание белого, серого и синего — это цвета Вордпресса))) Не решили ли вы часом переметнуться в соседний лагерь?))

bezumkinВасилий Наумкин
18.05.2013 03:09

А я думал, больше на Metro похоже.

Никакого потайного смысла нет, просто - нравится вот такой внешний вид в данный момент.

Юрий Зюзин
18.05.2013 02:48

Я тут новенький, но по моему выразительнее стало. Единственное вверху менюшку бы пожирнее, где Индекс Блоги Расширения Контакты ) Но тут дело каждого

bezumkinВасилий Наумкин
18.05.2013 02:51

Вооот!

Первый позитивный коммент =)

Юрий Зюзин
18.05.2013 02:53

Кстати цвет теперь у MODx"а ведь как раз черный стал?) я уже в cloud полез, правда пока с Revolution ещё не разобрался)

SadykhSadykh Sadykhov
18.05.2013 04:12

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

Баги: — отсутствуют хлебные крошки: — http://bezumkin.ru/sections/http://bezumkin.ru/index.htmlhttp://bezumkin.ru/modx/http://bezumkin.ru/contacts.html — в общем, на страницах второго уровня :) — иконка домика в хлебных крошках смещена вправо (слева отступ), желательно на уровне с заголовком сделать — http://bezumkin.ru/contacts.html почему текст в левой и в правой колонке отличаются по цвету? — http://bezumkin.ru/ тут вообще чёрная линия ни с чем. Зачем тогда она? :) — опять же, на главной. Если у поста нету краткого описания, то уменьшить отступ от заголовка до информации о посте — http://bezumkin.ru/sections/help/ наведите курсор на «задать вопрос». Следите за иконкой — http://bezumkin.ru/sections/ от заголовка блогов до их описания неплохо бы уменьшить отступы — в блоке «Прямой эфир» неплохо бы делать обрезание текста, чтобы вся информация помещалась в одной строке — в форме добавления комментария первую иконку (жирно) сместить влево, а в самой форме добавить отступы

Это так, поверхностно =)

SadykhSadykh Sadykhov
18.05.2013 04:13

Эм, там где ссылки на разделы — были табы, но почему исчезли. Ладно, думаю всё равно поймёте :)

bezumkinВасилий Наумкин
18.05.2013 09:12

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

В общем, единственный реальный баг - это иконка в "Задать вопрос". На самом деле, новое оформление отличается от старого не очень сильно.

Чуть позже устроим эксперимент - поглядим на старый дизайн, когда привыкнем к новому =)

SadykhSadykh Sadykhov
18.05.2013 12:57

Ну, значит сейчас как-то сильнее в глаза бросается ;) Очень хорошо :)

LevissВиктор Долгий
18.05.2013 06:40

Все ок. Дело привычки. Первые 10 минут пытался понять кто я и где я :) После 10 минут - а что, разве было не так?.. Новый дизайн это всегда хорошо, ибо у автора есть желание заниматься даже им (хотя, вроде 2-ой год работал себе и ничего), это вселяет надежду на будущее)))

vbatushevВиталий Батушев
18.05.2013 10:19

Мне нравится появившийся "воздух". Замечания прикладываю в виде картинки.

bezumkinВасилий Наумкин
18.05.2013 11:35

Логотип переделал. Главное меню, на мой взгляд, с ним ровно посередине.

Хлебные крошки в таком виде мне кажутся абсолютно органичными. Сейчас:


домик -> раздел -> подраздел ->
имя страницы

Будет странно, если


имя страницы
домик -> раздел -> подраздел ->

Куда подраздел показывает? Откуда выходит имя страницы?

В общем, выровнял и оставил сверху, как раньше.

alex.vakhitovAlex Vakhitov
18.05.2013 12:08

Все круто, вообще главное, чтоб тебе нравилось (: а так можно и свои стили подключить если что (:

ElectricaМихаил
18.05.2013 12:30

Чуть позже устроим эксперимент — поглядим на старый дизайн, когда привыкнем к новому =)

Вот тут потом все и выяснится)) хотя я бы как то поменял вот это: Немного что сливается. Т.е. как на логотипах, половина текста белым на черном фоне, половина наоборот.

OnFoxПеретягин Илья
18.05.2013 13:35

1. Цвет текста (704 строчка) попробуй сделать #333333; вместо #111111; - глазу становится приятнее. 2. Белая полоса (верх сайта, логотип) я бы уменьшил по высоте на 15-20%. 3. Очень большой отступ вниз от кнопки "Оставить новый комментарий". В остальном - стало шикарно, меньше визуализации, больше информативности.

bezumkinВасилий Наумкин
18.05.2013 13:42

1. На высоком разрешении #333 очень бледный - я проверял. На старом дизайне был тот же #111.

2. Логотип переделал, должно быть лучше. Немного скукожил полосу.

3. Это из-за невнимательных комментаторов. Если поднять выше - все будут отвечать в корень топика и о email-уведомлениях можно забыть. По этой же причине скрывается форма ответа, нужно кликнуть на кнопку.

Ой, не понял, что ты про отступ снизу. Этот - поправил.

DarkLelikАлексей Марченко
18.05.2013 14:09

Отлично , мне нравится . Небольшой баг . Блок "Сайты на MODX" - не работает стрелочка обновления !

DarkLelikАлексей Марченко
18.05.2013 14:15

Василий , вот это скорость . - Работает )))

bezumkinВасилий Наумкин
18.05.2013 14:17

Все просто - заголовок её перекрывал. Пришлось пока сдвинуть пониже.

alex.vakhitovAlex Vakhitov
18.05.2013 16:36

Как мне кажется еще можно пропорции областей изменить на span9 и span3.

Алексей
18.05.2013 16:59

круто получилось

LevissВиктор Долгий
18.05.2013 17:15

Коллективная работа! Не часто встретишь такую сплоченность)))

bezumkinВасилий Наумкин
18.05.2013 19:29

Местные посетители - лучшая часть сайта :-)

Wassi Wassinnen
18.05.2013 19:30

Василий, второй день читаю под новым дизайном. Уже как-то привычно, старый-зеленый кажется чем-то лишним. :) Одно пожелание, которое, думаю, поможет и остальным - добавь "Шрифт +" и "Шрифт -" для увеличения и уменьшения шрифта в

<section id="content">

. Я уверен, что основная масса народу на Безумкине читает, думает и снова читает. Это стало бы отличным дополнением к новому дизайну. Если нужен скрипт - могу поделиться.

Спасибо.

bezumkinВасилий Наумкин
18.05.2013 19:33

Делись конечно, прикручу!

Wassi Wassinnen
18.05.2013 19:44
Wassi Wassinnen
18.05.2013 19:48

Еще один момент - для background-image ссылки-логотипа(

<a class="brand logo" href="/"></a>

) задай width 201, иначе обрезается буква "U" в окончании.

Wassi Wassinnen
18.05.2013 20:00

Этот изъян просматривается только в мозилле. Можно не увеличивать для мозиллы ширину бг, а наоборот уменьшить до 197px.

Wassi Wassinnen
18.05.2013 20:06

Например, так:

@-moz-document url-prefix() {
    .brand logo {
        width:197px;
    }
}
bezumkinВасилий Наумкин
18.05.2013 20:27

Это мозилла чихать хотела на мои извращения для ретины.

Решил иначе.

Wassi Wassinnen
18.05.2013 20:12

Контейнер для увеличения и уменьшения шрифта, в твоем случае, ".span8"

Прошу прощения.

bezumkinВасилий Наумкин
18.05.2013 20:27

Ты как для дебила объясняешь. Не переживай, разберусь.

Wassi Wassinen
19.05.2013 04:26

Ладно тебе. :)

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

bezumkinВасилий Наумкин
19.05.2013 10:50

Да, с телефона у меня так же, только в новом окне открывает. Пока не понял, что за фигня.

alex.vakhitovAlex Vakhitov
19.05.2013 12:27

Если удалить список с фильтрами, то все работает. Но странно вроде по стилям в нем все нормально

bezumkinВасилий Наумкин
19.05.2013 12:42

Нет, проблема в том, что span*= на узких экранах становится float:none.

Но это родной responsive от bootstrap, не хочется менять. Пытаюсь разобраться дальше.

bezumkinВасилий Наумкин
19.05.2013 13:04

Разобрался с float - всё окей, сам накосячил.

bezumkinВасилий Наумкин
18.05.2013 21:50

Посмотрел в твой код - всё хорошо, но нет сохранения выбранного размера и еще пары мелочей.

Поэтому прикрутил готовый плагин, он хранит настройки в store браузера.

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

Wassi Wassinen
19.05.2013 04:27

Круть. Возьму на заметку. Не задавался целью хранить настройки, но вещь полезная. :)

asxАлександр Котлов
18.05.2013 21:26

Намного лучше стало.

bezumkinВасилий Наумкин
18.05.2013 21:57

Очень рад!

Алексей
18.05.2013 22:03

Ну не знаю.

Не очень, похож стал на wp-блоги с базовым шаблоном (обгрызанность какая-то) По мне, так получился minimal'истичный дизайн, который попадает в категорию "minimal" именно за минимум офо(р)*мления.

Хочу старый диз)

UP: * - пропустил букву - исправил

Alex Dmitriyev
18.05.2013 23:52

Кнопка "вверх" теряет информативность (хотя она в эти миллисекунды уже и не особо нужна :)) при наведении на нее курсора мыши на фоне подвала. Мелочь, а в глаз бросилось.

bezumkinВасилий Наумкин
19.05.2013 11:01

Починил, спасибо!

sergantСергей Шлоков
19.05.2013 03:09

Пока писал комментарий (другой), обратил внимание на картинку справа Все-таки как-то живее было. Этот дизайн имхо слишком аскетичный. Видимо у Василия настроение не весеннее :)

bezumkinВасилий Наумкин
19.05.2013 11:01

Василию надоело пялиться на одно и тоже. Ты вот, что, никогда обои на рабочем столе не меняешь?

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

sergantСергей Шлоков
19.05.2013 11:28

Ты вот, что, никогда обои на рабочем столе не меняешь? Неа. Привыкаю. А у fancybox`а всё-таки многовато крестиков.

<a class="fancybox-item fancybox-close" href="javascript:;" title="Close">
<i class="font-icon-remove"></i>
</a>

Мне кажется [i class="font-icon-remove">] лишний.

bezumkinВасилий Наумкин
19.05.2013 11:37

Fixed.

Обрати внимание, в редакторе есть кнопочки code и blockquote. Это для вставки кусков кода, и цитат.

sergantСергей Шлоков
19.05.2013 12:07

:)) Видимо случайно удалил открывающий blockquote. Поэтому цитата не получилась.

Александр Донский
19.05.2013 03:41

Василий, у меня медленное соединение, и когда хожу по страницам, на мгновение весь экран делается чОрным

html {
background: black;
}
Алексей
19.05.2013 05:28

Хм, html тэгу нельзя задать цвет в настройках браузера? Я так делал, щас копаюсь в настройках, хочу проверить - если

html {
background: black;
}

задан явно, будет ли работать данная опция браузера (у меня FF).

Алексей
19.05.2013 05:37

Итог: независимо от значения browser.display.background_color, в приоритете то, что указано в css.

bezumkinВасилий Наумкин
19.05.2013 10:51

Можно убрать, но тогда на коротких страницах из под футера будет торчать белый кусок - тоже не айс.

Раньше так и было, верну.

HighExceL2Антон ХайЭксель
19.05.2013 05:28

Старый был приятнее

bezumkinВасилий Наумкин
19.05.2013 11:01

А новый - новее!

Чикин Артур
19.05.2013 12:41

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

http://bezumkin.ru/profile/settings/

и

http://bezumkin.ru/user/topics/%username%/

Вроде как то лаконичней будет.

bezumkinВасилий Наумкин
19.05.2013 12:44

Свои настройки видит только сам юзер, а топики\комменты - все. Так что, это 2 разные страницы, объединить никак.

Чикин Артур
19.05.2013 13:21

может тогда на странице

http://bezumkin.ru/profile/settings/

сделать ссылки

http://bezumkin.ru/user/topics/%username%/
http://bezumkin.ru/user/comments/%username%/

Для комфорта?

Wassi Wassinnen
19.05.2013 17:55

"А мне все нравится, нравится, нравится.." © Переврал

bezumkinВасилий Наумкин
19.05.2013 17:59

Ха-ха, я так и знал!

sergantСергей Шлоков
19.05.2013 19:25

Василий, есть предложение. Для комментариев 2-го и ниже уровня добавлять какой-то значок, чтобы понятно было, где первый уровень, а где ответ на комментарии. Иногда очень сложная геометрия ответов, не разберешься кто-кому отвечает. Например, к классу "comments-list" прикрутить background со стрелочкой или уголок |_

bezumkinВасилий Наумкин
19.05.2013 21:20

Забацал.

sergantСергей Шлоков
19.05.2013 22:05

Класс. П.С. Странно, нажал ответить на комментарий Забацал, а комментарий ушел в корень. Странно.

bezumkinВасилий Наумкин
19.05.2013 23:38

Нифига, все работает как надо!

Александр Донский
20.05.2013 00:12

Магия!

RealetiveГанин Роман
20.05.2013 02:25

Не сдержался :)

vbatushevВиталий Батушев
20.05.2013 09:32

Согласен с Романом. А то какое-то заикание Б-безумкин :)

bezumkinВасилий Наумкин
20.05.2013 11:25

Переделал, спасибо!

Антон Слободчук
20.05.2013 04:42

Не слушайте предыдущих ораторов. Этот дизайн намного лучше. Есть вкус, который эволюционирует и определяется мелочами.

98b503e504239ead5cc360331СикретНаме
20.05.2013 17:46

Чего тут спорить-ругаться, действительно, что-то стало лучше, что-то хуже - всё субъективно = ничего не изменилось :0)

ElectricaМихаил
20.05.2013 22:45

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

sergantСергей Шлоков
20.05.2013 23:55

Обратил внимание, что у меня появился статус Читатель. А какие еще бывают? П.С. Василий, извини что засираю почту, просто теги пробую. Что-то мне кажется, что слово "Читатель" в моем предложении не выглядит жирным, хотя написано

<b>Читатель</b>
bezumkinВасилий Наумкин
21.05.2013 00:07

При изменении коммента почта не приходит, только при создании.

Статусы бывают только читатель, или обычный посетитель. Пока не развивал эту тему.

Ну а с тегами всё окей, достаточно жирно выглядит.

sergantСергей Шлоков
21.05.2013 00:19

А у меня рыжая сволочь показывает как обычный текст. Вот Опера и Хром - честные - действительно достаточно жирненько. :)

RasulAbu
21.05.2013 02:40

Дизайн крутой) Однако, черно-белое имхо слишком контрастно, для глаз напряжно, щадящий userscript

 " p, h1,h2,h3 {font-family:Verdana; line-height:1.2em;} #content,header,#tab-comments,#tab-tickets {background:#eee;}"

Ну и в логотипе кернинг "be" великоват.

Владимир
21.05.2013 03:11

согласен, на глаза давит...

born2slip
pishnaa istntome
22.11.2022 14:06
огромное спасибо! )
inetlover
Александр Наумов
14.11.2022 10:19
посмотри документацию. Спасибо, что-то она мне не нагуглилась. Это просто функции объединения для о...
bezumkin
Василий Наумкин
10.11.2022 05:46
Спасибо за поздравления!
inetlover
Александр Наумов
09.11.2022 17:08
Посмотрел в ДевТулсе свойство overscroll-behavior: none; присутствует, проверил в Chrome и Chromium ...
bezumkin
Василий Наумкин
03.11.2022 20:57
Поискать в исходниках ссылки на её адрес и поменять - скорее всего только nuxt.config.js. А зачем эт...
ni.kolokol@mail.ru
Николай Каленников
03.11.2022 19:43
Спасибо. Попробую тоже с нуля переставить
inetlover
Александр Наумов
03.11.2022 19:24
Спасибо!!! Все заработало!
bezumkin
Василий Наумкин
28.10.2022 05:23
В тексте есть подсказка // Контроллер требует новое разрешение protected $scope = &#x27;ord...
bezumkin
Василий Наумкин
27.10.2022 13:25
Понял, спасибо!
inetlover
Александр Наумов
23.10.2022 13:33
Понял, спасибо!