4 мая минуло три года, как я веду Маниакальный Веблог. Поздравляю себя и читателей с очередной датой! А пишу я об этом 9 мая, потому что прошедшие пять дней я допиливал традиционный по этому случаю редизайн. Кстати, пользуясь случаем, поздравляю всех с Днем Победы!

Но этот пост, все же, про блог. С традиционным обзором прошедшего года и рассматриванием нового дизайна.

Контент

В прошедшем году, по моим ощущениям, в блоге не происходило ничего экстраординарного. Разве что появилась категория Яндекс в связи с моим туда приходом. Отсутствие потрясений, впрочем, меня совершенно не огорчает. Напротив, мне нравится, что по стилю и качеству текстов (и скромности автора) блог остается на том же уровне. Впрочем, может это у меня глаз замылился, вы мне тогда скажите!

Также заметно, что ведущее место в моих материалах и мыслях оккупировал фреймворк Джанго. И пока я не вижу, чтобы эта "любовная история" собиралась заканчиваться; уж больно фреймворк хороший :-). Меня, правда, время от времени беспокоит, что я таким образом создаю себе echo chamber, а это для инженера не очень хорошо.

Оформление

Если поставить в ряд скриншоты всех предыдущих тем блога (1, 2, 3, 4), то эту смену можно, наверное, назвать самой радикальной. Причем не только по внешнему виду — я наконец выкинул все остатки оригинального вордпрессовского HTML'а, который когда-то лежал в основе. Новый HTML наконец отражает информационную структуру блога, и его стало гораздо легче стайлить.

Эта новая темка продолжает все ту же самую идею, которая двигала все предыдущие редизайны: контент важнее всего, и оформление не должно ему мешать. И тут очень кстати мне на глаза попалась эпохальная статья Райана Томайко "Administrative debris". Из нее я почерпнул идею о том, что навигация отдельно от контента — это мусор. Поэтому я оторвал всякие меню с футерами и избыточные навигационные ссылки. Стало непривычно, но мне нравится! Ссылок стало меньше, и от этого каждая — заметнее.

Я также продолжил превращать индексную страницу в "витрину" для тех, кто приходит на блог впервые:

Самое противоречивое решение — я убрал с индекса ссылки "Читаю" и "Рекомендую". Пока не придумал, то ли вернуть их туда, то ли завести отдельную страницу. То ли так и не возвращать. По идее, их хоть и редко, но читают. И даже вопросы по ним задают!

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

Комментарии: 85

  1. Дмитрий Белицкий

    Классный редизайн, мне нравится.

    Читается легко, ничего лишнего.
    Как и должно быть - просто и функционально.

    Личное пожелание - сделай отступ нижний побольше, а то стрелки перехода назад/вперед теряется.

  2. Alex

    Да, дизайн неплохой. Сайт выделяется на фоне других блогов.

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

  3. Иван Сагалаев

    Это на странице архивов стрелки? И в каком браузере?

  4. Роман Парпалак

    Хорошо получилось, действительно ничего лишнего.

    Есть замечание к дизайну главной страницы. Спорно сделано выравнивание ссылок "Другие темы" и "Архив" вправо. Они незаметны при первом просмотре, пользователь обнаруживает их только при более детальном изучении страницы. Можно сравнить с ссылкой "Читать дальше →": ее пользователь находит сразу.

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

  5. Андрей Светлов

    Дизайн хорош. Ничего лишнего. Удобно.

  6. wiz

    Редизайн зачётный (=

    Хорошо бы ещё сделать разделитель между коментами или зеброподсветку фона. Отступ хоть и большой, но (имхо) смотрится как непонятно почему пропущеный параграф. Видимо за счёт потери связи с автором слева.

  7. Иван Сагалаев

    При разрешении 1680x1050 строки очень длинные, читать тяжело

    Это большая философская проблема :-). Если ширину задавать явно, то люди начинают жаловаться, что либо места пустого много, либо что в узкое окно не влезает. Я решил оставить свободную ширину, потому что думаю, что в ближайшем будущем проблема решится с другой стороны. Разрешение мониторов будет все увеличиваться, и производители браузеров и ОС вынуждены будут переходить на масштабируемые интерфейсы, и тогда разрешение не будет уменьшать шрифт, и при любом разрешении в экран будет влезать адеватное количесво текста.

    Пока этого не произошло, могу посоветовать два способа решения проблемы: Ctrl-"+" или сужение окна браузера (все сайты все равно хорошо влезают в 1024).

    И непонятно почему ссылку под названием ведёт на титульную страницу?

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

  8. Билли

    Главная страница мне очень понравилась. А вот полная новость читается тяжело, если не через ридер. Слишком широкие строки.

  9. Иван Сагалаев

    Хорошо бы ещё сделать разделитель между коментами

    Попробовал, посмотрим.

  10. Jim

    C каждым разом, верстка блога ("дизайном", "редизайном" язык не поворачивается это назвать) все более и более убога. Последняя версия самая отвратная. Маньяк, ну кто тебе еще правду скажет кроме меня? Отчетливо прослеживается некая тенденция при которой визуальное качество блога обратно пропорционально, красоте его кода :-)

    Нереально читать тексты во всю ширину современных мониторов. Это некомфортно. Нарушает все "правила приличия" подачи текстов. Вот так сходу не могу сослаться на какой авторитетный источник, первая попавшаяся ссылка в каком-то яндексе привела на обсуждение: http://blog.seotext.ru/copywriting/260/ Почитай там пятый комментарий от smscat - он дело написал. Дальше по ходу обсуждения тоже полезная информация. Найди книжку по верстке текстов. Оно ж все не с потолка берется! Люди столетия тратили на разработку методов подачи текстов. HTML и навигация это круто, конечно, без них никуда, но что в них проку, если на выходе получилось унылая нечитаемая каша из букв... Блин, ну тряхни Фочу хотя бы. Купи ему упаковку пива и он тебе сделает минималистичный, но функциональный дизайн, который тебе понравится. Ты не хуже меня знаешь, что уж он на этом деле собаку скушал.

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

    Если тебе нужно, я вышлю скриншуты, как твой блог сейчас выглядит при разрешении 1600х1050 на соответствующем мониторе. С работы еще гляну, так же ли это будет уныло при меньшем разрешении, но подозреваю, что и в стандартном 1280х1024 будет все то же нечитаемое говно :-(
    PS. Можешь в отместку нагадить мне в комменты, но я говорю искренне. КГ/АМ. Аффтар убейсяапстену :-)

  11. Jim

    Да, забыл еще... поздравляю с юбилеем блога. Долгих лет и все такое прочее :-)

  12. Иван Сагалаев

    Люди столетия тратили на разработку методов подачи текстов

    Что не имеет ровно никакого отношения к привычке части пользователей максимизировать окно браузера :-). Jim, поверь, по этой теории я сам мог лекции читать. Но сейчас я хочу поэкспериментировать :-)

    Если тебе нужно, я вышлю скриншуты, как твой блог сейчас выглядит при разрешении 1600х1050

    Ctrl+"+". Можно 3 раза :-)

  13. hodzanassredin

    Хм. Очень круто. Спасибо за статью. Я как то думал о похожем но не мог сформулировать. Теперь все стало на свои места. :-)

  14. Jim

    Можно много чего. Можно и через КПК читать. Но не ты ли был апологетом того, что не программерское это дело указывать пользователю что ему "можно"? :-)

  15. Иван Сагалаев

    Но не ты ли был апологетом того, что не программерское это дело указывать пользователю что ему "можно"?

    Тут не бывает черно-белого подхода. Между подстраиванием под пользователя и обучением пользователя всегда ищется баланс, в зависимости от того, что хочется достичь. Здесь мне больше интересен эксперимент "станет ли это примером для многих", ради которого я жертвую неким удобством. Жертвую сознательно еще и потому, что большинство людей читают блоги в ридере, и эта проблема беспокоит их только раз в год, когда я описываю редизайн :-).

    Впрочем, если выйдет, что я ошибся с оценкой количества зла, поменять это недолго... Напишу какой-нибудь скрипт, который будет шрифт увеличивать, если body шире здравого смысла :-)

  16. Всеволод Соловьёв

    После добавления разделителей между комментариями теперь нужно padding у них делать не сверху, а снизу, иначе выглядит странно. А от надписи "КОММЕНТАРИИ: хх" отодвигать каким-нибудь альтернативным способом.

  17. crash

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

  18. DEkart

    Дизайн отличный, хоть и непривычно. Ничего лишнего.

  19. Александр Соловьёв

    Однако... Мне нравится минималистичность (это - значительно лучше предыдущего варианта ;-), но мне тоже не нравится текст во всю ширину браузера... Я могу нажать C-+, но браузер уже сделать - не для меня, у меня tiling wm. А нажатие C-+ приносит ощущение недоделанности сайта, честное слово. ;-)

  20. Jim

    Здесь мне больше интересен эксперимент "станет ли это примером для многих", ради которого я жертвую неким удобством.

    Все эти эксперименты были уже многократно поставлены. Результат: не стало. Либо я не улавливаю суть проводимого эксперимента...

    Жертвую сознательно еще и потому, что большинство людей читают блоги в ридере

    Отлично! Т.е. основной массе людей, по идее, вообще плевать, что ты тут наколбасишь. Хорошо. Но раз уж решил потратить немного времени на то, чтобы хоть что-то сделать, то чего бы не учесть интересы оставшегося меньшинства. Ну, раз уж всем остальным пофиг. "Пипл хавает" - лозунг яндекса, не твой. Нехорошо его переносить в свое пространство.

    Напишу какой-нибудь скрипт, который будет шрифт увеличивать, если body шире здравого смысла.

    Про здравый смысл - оставлю без комментариев. Шрифт увеличивать нельзя. Существует общепринятая норма. Что-то там про 12pt я смутно припоминаю. Ширина колонки должна равняться "двум алфавитам" выбранной гарнитуры шрифта. Какие-то там еще нюансы были про пробелы и переносы, но это уж хрен с ними.

  21. Jim

    Вот:
    "Большинство веб-дизайнеров сходится во мнении, что наиболее удобна для чтения строка длиной 9-10 слов или 50-70 знаков (считая пробелы)."
    http://voxfree.narod.ru/journ/journ_061011.html (п.13)

    "В наиболее общем смысле этого слова полоса является синонимом страницы..."
    http://offline.computerra.ru/print/offline/1997/213/767/ (там в части "Формат полосы" см формулы в "таблице 2". Эта ссылка не совсем в тему, правда, т.к. оринтирована на печатные издания, что сильно отличается от веба, но информация в общем случае там полезна)

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

  22. http://demetrius.myopenid.com/

    За то что поменяли Georgia на Tahoma отдельное спасибо)

  23. Anton S.

    читать действительно стало неудобно, слишком длинные строки. Говорю это как владелец монитора с разрешением 1024*768

    А визуально все стало приятнее на глаз.

  24. Иван Сагалаев

    Все эти эксперименты были уже многократно поставлены. Результат: не стало.

    Возможно станет теперь. Мир меняется, точка мониторов становится меньше. И поскольку абсолютно лучшего решения "проблемы шрифтов" на вебе так никто и не придумал, надо экспериментировать.

    "Пипл хавает" - лозунг яндекса, не твой.

    Jim, я понимаю, что ты обижен на Яндекс, но только это тут ни при чем. Откуда можно было из моего ответа выудить "пипл хавает", я не понимаю...

    Шрифт увеличивать нельзя. Существует общепринятая норма. Что-то там про 12pt я смутно припоминаю. Ширина колонки должна равняться "двум алфавитам" выбранной гарнитуры шрифта.

    Шрифт увеличивать нельзя? :-).

    Давай разбираться. "Размер шрифта" — четкое понятие только в типографии. Потому что завязано на дюймы. На вебе нам не повезло с тем, что размер шрифта пока еще завязан на физические пикселы монитора. Отсюда вылезают проблемы:

    • если монитор имеет большое разрешение за счет размера точки (современный 13" ноутбук), то твой шрифт в 12pt выглядит дико мелко
    • если монитор имеет большое разрешение за счет физического размера (твоя настольная панель), то шрифт в 12pt при фиксированном количестве букв в колонке делает эту колонку очень узкой

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

    P.S. Я, кстати, подумал и просто увеличил базовый размер шрифта во всем блоге. Представляю, что сейчас начнется :-)

  25. Jim

    Мир меняется, точка мониторов становится меньше

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

    Откуда можно было из моего ответа выудить "пипл хавает", я не понимаю...

    Из отсылки к "большинству людей".

    Шрифт увеличивать нельзя?

    Да, это я ерунду сморозил. Согласен. К pt на мониторе привязываться смысла нет.

    Не силен я в точности формулировок по этой теме, поэтому изложу совсем просто: сколько бы точек в букве ни было, какой бы там условной единицей измерения она не обозначалась, буква должна иметь на экране размер, как в обычной книге. Усредненно. В книгах тоже размер гуляет. Но в среднем размер должен быть такой у буквы. Как и длинна строки. Это удобно читать. Именно потому, в книгах именно такой размер и используется. Будут там белые поля, не будет их - дело десятое. Поля меня не интересуют. Я их не замечаю. Я текст читаю, соответственно удобство представления текста для меня - в первую очередь. А поля - пофиг.

  26. Иван Сагалаев

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

    Вот! И вот в этом лежит известная "проблема шрифтов" на вебе. Потому что в CSS элементарно нет средства задать размер шрифта относительно ширины контейнера, в котором он находится.

  27. Всеволод Соловьёв

    С увеличением шрифта стало лучше, хоть и не идеально :) Теперь бы ещё увеличить межстрочный интервал процентов эдак на сорок, а то строки сильно плотно идут.

    Да и сами буквы тоже всё-таки кучно сильно. В css можно и разрежение чуть больше задать.

  28. Дмитрий Белицкий

    Это на странице архивов стрелки? И в каком браузере?

    не только это, но и, например, прилипшая к рамке браузера кнопка "Отправить" под формой комментария. Т.е. нижнее поле очень маленькое, я бы - увеличил, например:

    body {margin-bottom: 4em}
    

    В пару раз больше верхнего хотя-бы. Браузеры - опера и сафари.

  29. Dyadya Zed

    Согласен с предыдущими ораторами :)

    Междустрочный интервал больше - текст превращается в кашу.
    По горизонтали как-то ограничить, очень "широко" читать на 1280х1024. Ctrl + три раза похоже на заклинание от которого в 3 раза хуже...

    А так, вообще, вполне "контент-ориентированный" дизайн.

  30. SaD

    Наверное из всех 4 вариантов дизайна, мне больше всего нравился второй. Третий был не сильно симпатичный (с учётом кривого отображения в IE), ну а текущий... слишком простой. И не сильно удобный :(

  31. Alex

    И непонятно почему ссылку под названием ведёт на титульную страницу?

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

    Я о том, что непонятно куда ведёт эта ссылка, мне пришлось нажать, чтобы это узнать. Всё-таки ссылку на титул хочется увидеть в привычном месте, в «шапке». Предыдущее ваше решение, с плавающим заголовком, мне очень нравилось. А от ссылки под темой ожидаешь что угодно, но только не возврат на главную.

    Если ширину задавать явно...

    Кто говорил про фиксированную ширину? Длину строк можно ограничить max-width'ом.

    Ctrl-"+"

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

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

    В-третьих, это не решает проблему, строки остаются такими же длинными!

    сужение окна браузера

    Это тоже очень неудобно.

    все сайты все равно хорошо влезают в 1024

    Здесь вы ошибаетесь. Большие мониторы, и соответственно большое разрешение, очень удобны, на экран влезает больше информации. Я теперь не представляю как я раньше сидел за 15" и 17" мониторами: ничего не видно, всё друг на друга наезжает, колонки на сайтах уже чем в газетах. Вообщем, 1024 забыто как кошмарный сон.

    разрешение не будет уменьшать шрифт

    Оно и сейчас не сильно меняет. Заметить это можно разве что техническими средствами: приложить линейку к монитору и измерить буквы. Я сам перешел с 1024x768x15" на 1680x1050x20" (судя по таблице №2 http://www.3dnews.ru/display/faq_po_lcd/ это почти крайние значения размеров пикселя). Тоже боялся что шрифты будут слишком мелкие, но ничего не заметил. Никаких мелких нечитаемых букв не появилось.

    Потому что в CSS элементарно нет средства задать размер шрифта относительно ширины контейнера, в котором он находится.

    А если и размер контейнера, и размер шрифта задать в относительных велечинах?

    P.S. кнопку "Отправить" наверное лучше разместить сразу после поля ввода.
    P.P.S. почему ваш сайт так упорно игнорирует поле сайт, при использовании OpenID? Да и нехорошо святить чужими OpenID-аккаунтами.

  32. Иван Сагалаев

    Браузеры - опера и сафари.

    Оперу с Сафари поправлю, как руки дойдут. Я ж обнаглел совсем, нигде не проверяю ничего :-)

    очень "широко" читать на 1280х1024

    Наверное наш флейм с Jim'ом не читал никто, потому повторюсь. Я хочу в этом дизайне "порекламировать" другое видение проблемы. Мне кажется, что решать ее не должны верстальщики, ужимая текст в узкую колонку с бесполезными полями по краям. Вместо этого юзеры должна осознать, что большое разрешение просто дает им больше свободы понавешать полезных панелек или как-то по другому занять полезную площадь. Сделав так, вы ничего не теряете, потому что никакие сайты не делаются шире, скажем, 1000 точек. Мне очень хочется, чтобы люди отказались от идеи, что ширина сайта должна расти вслед мониторам. Надо, наверное, пост написать :-)

  33. Всеволод Соловьёв

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

    Так на тысяче всё равно широко слишком:

    Читать действительно стало неудобно, слишком длинные строки. Говорю это как владелец монитора с разрешением 1024*768

    А ужимать окно браузера специально под этот сайт - моветон.

  34. Иван Сагалаев

    Так на тысяче всё равно широко слишком:

    Это уже детали, можно еще с размером шрифта или полей поиграться.

    А ужимать окно браузера специально под этот сайт - моветон.

    Ну конечно не под этот! Я предлагаю под все уменьшить :-).


    В общем, настроение я примерно понял. Подумаю еще.

  35. Dyadya Zed

    Флейм читал.

    Аргумент против широких сайтов: есть формат газет так называемый "аналитический", 75х60 см, New York Times, например. http://en.wikipedia.org/wiki/Broadsheet

    Эту газету очень неудобно читать в транспорте, она предназначена для чтения в кресле за чашечкой утреннего кофе :) Несмотря на огромный размер, текст разбит на достаточно узкие колонки. Да, для привлечения внимания, заголовок может быть набран в полную страницу, но НИКОГДА текст статьи в газете не бывает вообще без колонок.
    Газета - это деньги для газетчиков. Думаю, что уж они экспериментировали по всякому, чтобы заработать побольше. Но такой формат оказался комфортным.

  36. alec

    Отличный дизайн, Иван! Ничего лишнего. It just works :) Единственное что напрягает - это слишком длинные строки. И вообще замечательно было бы увеличить line-height. А так все супер :)

  37. mike

    А ужимать окно браузера специально под этот сайт - моветон.

    Напоминает историю про молдавский вирус :-)

  38. wiz

    P.S. Я, кстати, подумал и просто увеличил базовый размер шрифта во всем блоге. Представляю, что сейчас начнется :-)

    О, благодетель! Как же достали все эти "информативные" консервные сайты с укзкими колонками и шрифтом в 10pt E:

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

    ФФ3 стал запоминать уровень зума на отдельных сайтах. Не знаю, как у других, а у меня зум per-tab. Открыл страницу, приблизил, прочитал, закрыл. Уменьшать обратно не надо.

  39. SaD

    Кстати на тему длинных строк. Переходя на большое разрешение (я пол года на 1680х1050) то вполне привыкаешь. На тему читабельности претензий нету. Вполне удобно читать сайт. Не удобна навигация и тд. Просто если акцентироваться на контенте то тут удобнее RSS Feed. А сайт на то и сайт чтобы кроме контента была бы удобная навигация и приятный дизайн.

  40. Yuri Baburov

    Фонт отстой. Можно читать, только если два раза сделать Ctrl+"-". Получается достаточно мелкий шрифт, но зато с размерами и начертанием букв всё нормально, буквы становятся "квадратные", глаз за них не цепляется, и строчки читаются быстро. Шрифт-то без засечек (семейства sans-serif), круглый, заголовочный.
    Кстати, чем вордпресс очень хорош — там очень правильные фонты.

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

    Теперь видимо буду стараться читать в RSS-формате в гугл ридере. Или же материться. Потому что вряд ли у меня будет достаточно желания и времени, чтобы в platypus firefox addon (или в greasemonkey) подправить шрифты.

    Кстати, вот на маке принято смотреть окна не на полный экран. Знаешь, как этого добились? Эти уроды просто убрали в safari кнопку "открыть на полный экран"))) Точнее, кнопка есть, но она не делает то, что положено. Минимизирует только высоту, да и то, только если сайт не влазит.

  41. Иван Сагалаев

    Эти уроды просто убрали в safari кнопку "открыть на полный экран")))

    Они не уроды, они молодцы! Это люди, которые точно знают, где людей надо спасать от самих себя и не давать делать ерунды :-).

    P.S. Вообще, Юрий, комментарий в ретроспективе остальных очень забавный! Спасибо :-)

  42. Салихов Ильяс

    Да, не в обиду, Иван, но мне тоже кажется, что предыдущий дизайн был лучше, и шрифт с заческами читался легче.. Но блог ваш, решать, какой дизайн на нем будет, тоже вам. Мне же больше важен ваш профессионализм и те полезные материалы, которые вы публикуете, спасибо :)

  43. xonix

    Не в обиду, но новый дизайн по правде не очень понравился. Хотя может быть с непривычки. Очень уж он аскетичный. Как зашел на сайт в первую секунду подумал было, что стили не прогрузились. А из всех 4-ех дизайнов таки больше всего пожалуй нравится первый самый, и далее по ниспадающей. Такое вот имхо. А за интересные посты большое спасибо, читаю с интересом! )

  44. Иван Сагалаев

    Подумал немного еще. И влепил таки max-width. В em'ах. Пожалуй, это хороший компромисс, потому что на узком окне оно не мешает, а людям с широким окном должно помочь.

  45. nmike

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

    а сейчас - симпотно, ничего лишнего и ужасного.

    мне нравиться. и пофиг...

    P.S.

    смотрю, здесь люди писали в три часа ночи...
    щас 9 - я все отпраздника отойти не могу. народ - вы монстры!

  46. Сергей Морозов

    А почему иконка "OpenID" для авторов комментариев включена в ссылку, а иконка с логотипом сайта в комментариях автора — нет?

    Удобный дизайн, можно не делать отдельно версию для печати :)

  47. nmike

    вопрос: почему при публикации в поле "Веб-сайт" подставляется openid сайт, а не тот сайт, что я написал?

    З.Ы.(а почему здесь нет перевода строки в превью? может будет в оригинале?)
    по поводу "пофиг"... я в основном блог читаю в RSS. хочу согласиться с предыдущими ораторами по поводу

    от Салихов Ильяс

    Да, не в обиду, Иван, но мне тоже кажется, что предыдущий дизайн был лучше, и шрифт с заческами читался легче..

    от Yuri Baburov

    Фонт отстой.

    меня немного напряг... (хотя, может во всем виноват праздник :) )

    Далее...

    от Alex

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

    в ФФ такие пробелмы?

    Эти уроды просто убрали в safari кнопку "открыть на полный экран")))

    Они не уроды, они молодцы! Это люди, которые точно знают, где людей надо спасать от самих себя и не давать делать ерунды :-).

    а мне нравиться в опере читать в fullscreen режиме - очень удобно и приятно.
    а если еще добавить сочетание с "по ширине экрана" - сказка!

    от Alex

    Предыдущее ваше решение, с плавающим заголовком, мне очень нравилось.

    согласен

  48. Всеволод Соловьёв

    Стало гораздо лучше! :-) Я только что поэкспериментировал немного с Web Developer'ом - если добавить

    body {
      line-height: 140%;
    }
    

    то становится гораздо лучше. А вот добавление туда же что-то типа letter-spacing: .04em; - не самая, как оказалось, удачная идея, шрифт и браузер не позволяет так делать. Между буквами получаются неравные расстояния, так что читать становится более неудобно.

  49. Igorek

    А где ссылка на форум с главной страницы :)

  50. 3hrek

    Новый дизайн более читабельный, чем старый. Но старый в плане оформления мне больше импонировал.

  51. Иван Сагалаев

    вопрос: почему при публикации в поле "Веб-сайт" подставляется openid сайт, а не тот сайт, что я написал?

    Потому что это одно и то же поле... Потому что под WordPress нет такого OpenID плагина, который бы делал это как мне надо. Пока приходится мириться.

  52. Иван Сагалаев
    body {
      line-height: 140%;
    }
    

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

  53. Yura Ivanov

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

    ЗЫ Среди комментариев к этой статье есть особо ценные? Какие-то черные полосы есть, но что они означают непонятно.
    ЗЗЫ Еще бы кнопку отправить отстайлить соответственно всем input'ам и выровнить по левому краю, либо по правому краю preview.

  54. Maxx

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

    Если в FF уменьшить шрифт на один стоп - становится нормально. Но это не хороший способ.

    Кстати, несмотря на то, что я слежу за вашим блогом rss-ридером, читать я все равно прихожу на сайт.

    P.S. Разрешение у меня 1280х1024

  55. Владимир Епифанов

    Давай разбираться. "Размер шрифта" — четкое понятие только в типографии. Потому что завязано на дюймы. На вебе нам не повезло с тем, что размер шрифта пока еще завязан на физические пикселы монитора.

    если монитор имеет большое разрешение за счет размера точки (современный 13" ноутбук), то твой шрифт в 12pt выглядит дико мелко

    pt — пункты — тоже к дюйму привязаны. 1/72 дюйма, если адобиевский пункт. Вроде же не должно от разрешения зависеть?

  56. Иван Сагалаев

    Володя, только не ты! :-)

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

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

  57. Dyadya Zed

    Спасибо, стало намного лучше!

  58. Snork

    А мне такая минималистичная версия очень нравится. И несмотря на то, что тематика блога постепенно трансформировалась в очень далекую от моих интересов, я все равно с удовольствием иногда сюда заглядываю. Успехов!

  59. Андрей Арефьев

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

  60. Илья

    Привет. Убрать лишнее — это здорово, но потерялась структура. Раньше было очень легко выделить части, теперь все в одном потоке, внимание рассеивается.

    Очень, очень не понравились БОЛЬШИЕ ЗАГОЛОВКИ. Очень шумно, читается хуже.

    Я блог читаю через RSS, так что в принципе — делайте как нравится ;)

  61. Дмитрий Дзема

    Занятно, что люди против ручного изменения размера шрифта. Dan Cederholm вот в книге своей продвигает идею, что вся верстка должна быть устойчивой к изменению размеров шрифта, чтобы юзер сам под себя подбирал, как ему читать удобно.

    Считаю, что Вы все правильно делаете, дизайн мне нравится :)

  62. Сергей Петров

    Странные люди у тебя в комментах.

    Две очевидные истины:

    а) кто открывает окно браузера на весь экран и потом плачется — сам себе злобный буратино. Это ужасная привычка, воспитанная виндой, от которой необходимо отказываться.

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

    Но в целом, да, Safari (и MacOSX) велик и правилен.

  63. vestel

    Поздравляю блог с днем Рождения! Желаю еще более творческого Шна его создателю...

    По-поводу великости Сафари. В моей "правильной ОС" (Ubuntu) любое окно можно максимизировать по-разному:

    1. Левой кнопкой - на весь экран
    2. Правой кнопкой - на весь экран по горизонтали
    3. Колесиком - на весь экран по вертикали

    Так что вот

  64. Иван Сагалаев

    Поздравляю блог с днем Рождения!

    Спасибо!

  65. Иван Сагалаев

    Две очевидные истины

    Серег, если у Apple'овских фанатов были бы ранги, то ты наверное уже был бы майором. Или даже подполковником :-)

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

  66. tonnzor

    Поздравляю! Пишите и дальше ;-)

    Стало сильно лучше, но строки и правда длинноваты (1280x1024x19", полный экран). Немного надоедает только для этого сайта уменьшать окно.

    А почему не сделать, скажем:

    {
       max-width: 40em;
    }
    

    Так не будет зависеть от размера шрифта и можно будет читать даже на полном экране. Вряд ли кому-то удобнее читать 200 символов в строке вместо 80. Если хочется использовать всю ширину экрана - можно поэкспериментировать с несколькими колонками.

    Ну а косяки с выравниванием (рваный правый край, большой отступ между автором и комментарием) - это мелочи.

  67. Дмитрий Белицкий
    body {
     line-height: 140%;
    

    }

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

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

  68. i-love-python.livejournal.com

    Дизайн лучше не стал. Прошлый жктуо тормозил в FF. Этот не тормозит, но шрифт стал хуже и все выглядит пустым. Мне лично не нравится. Впрочем это мое личное дело.

  69. Alexander Artemenko

    В версии «для печати», наверное стоило бы убрать форму добавления комментария. А в остальном все очень нравится!

  70. igorekk

    Поздравляю с годовщиной! :)
    По поводу дизайна: у меня самого была мысль сделать себе такую же тему для Byteflow. Так что мне нравится.

  71. ARSolog

    Фон слишком белый-белый, аж глаза болят.

    Основной шрифт без засечек - плохо.

  72. Vooon

    Поздравляю с юбилеем!

    Новый дизайн мне нравится.
    Проблем со шрифтами не обнаружил(1280х1024х19" фулскрин).

    а) кто открывает окно браузера на весь экран и потом плачется — сам себе злобный буратино. Это ужасная привычка, воспитанная виндой, от которой необходимо отказываться.

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

  73. Григорий Петухов

    Пардон, если был уже багрепорт такой, не осилил все комментарии.
    На главной странице блога в комментарии от http://vehq.ru/about/ кракозяблы, хотя на странице сообщения этот комментарий выглядит нормально.

    Поздравляю с юбилеем! Новый дизайн мне нравится. Проблем со шрифтами не
    обнаружил(1280х1024ТУТ КРАКОЗЯБЛЫ!19″ фулскрин). а) кто открывает окно
    браузера на весь экран и потом плачется — сам себе...

  74. Vooon

    Кракозябры вылезли на месте русской "х".
    Для проверки: 0х1 4х9

  75. Ferroman

    Серьёзный "редизайн".

    Честно говоря - мне не нравится. Пустой какой-то.

    Это ИМХО не дизайн, это просто предварительное форматирование страницы :)

    Шрифт действительно слишком большой.
    Да и капс в заголовках - тоже не нравится. А может это от размера впечатление неприятное?

  76. Flint

    Класс, просто класс!
    Отсутствие "оформления" пошло только на пользу.
    Хорошый крупный шрифт, щедрые отступы - читать легко и приятно.

    Еще бы поменьше БОЛЬШИХ букв (особенно плохо они выглядят в списке последних статей на главной странице блога - как на кирпичныую стену смотришь, зачем?), убрать разделительный пунктир - и сам Лебедев обзавидуется :-)

    Кстати, там где капс хочется оставить (в заголовках, например), неплохо бы его подрязрядить. http://www.artlebedev.ru/kovodstvo/142/.

    Ну, и конечно, поздравляю с днем рождения! :-)
    Успехов вам, упорства и свобоного времени побольше, радовать нас, скромных читателей :)

  77. Иван Пирог (Mkdir)

    Поздравляю с трёхлетием блога!
    Дизайн блога - что надо. Сразу отметил его простоту и удобность.

  78. Евгений Злобин

    Дизайн однозначно по настоящему блоговый. Читать вдвойне удобнее.
    Хотя я давно уже не посещал этот блог и поначалу сильно удивился, не поняв что тут происходит =)

  79. MT

    Хорошо, что больше нет fixed-блока вверху, из-за которого тормозила прокрутка. ;-)

  80. vankovalenko

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

  81. dobrych

    Блин тока седня посетил главную страницу блога, вот за нее тебе самый респект!
    Все понятно с первого взгляда.

  82. g0rr

    Мне нравится новый "чистый" стиль. Существенно лучше прежнего.

  83. bogus

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

  84. Ferroman

    Иван, у Вас в блоге нигде в коде нету закрывающего тега для тега "body". Или так было задумано?

  85. Иван Сагалаев

    Можно сказать, что и да :-). Он не нужен ни практически, ни по стандарту. Я его конечно, просто поленился проставить. Потому что если бы придавал этому значению, то не было бы и открывающего. И <head> бы тоже не было :-)

Добавить комментарий