Главное не результат, главное процесс

BPM-блог Анатолия Белайчука

О дизайне этого сайта

Режет глаз? Ничего, это с непривычки. Вот такой авторский у меня в блоге дизайн. Навигация удобная? Поиск работает? Буквовки видны нормально? Замечу: не просто нормально, а одинаково во всех браузерах. Кто понимает, тот оценит.

Вот казалось бы, у вордпресса дофига готовых тем. Но это только на первый взгляд. А на самом деле:

  1. стандартно-дефолтные просто ни в дугу
  2. остальные на русский не переведены или переведны криво, приходится напильником работать
  3. у подавляющего большинства фиксированная верстка и размеры шрифтов, а я этого терпеть не могу
  4. нормально работают в IE считанные единцы, как будто не им пользуется большинство

Одним словом, быдлокодинг во всей красе.

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

Зато освоил YUI (Yahoo User Interface) CSS - полезная вещь кстати, всем рекомендую. А то вечно с этими CSS-ами приходится шаманить, и все равно вылезет какая-нибудь фигня не в одном, так в другом браузере. (Что собственно, темы вордпресса наглядно и демонстрируют.)

Смотрел еще Blueprint CSS - YUI у него выигрывает нокаутом. Во-первых, концептуально: у Blueprint мелкий грид с шагом 30 пикселов и классы вида “column span-12″. В результате компрометируется идея разделения структуры контента и верстки. Во-вторых, верстка только фиксированная. В-третьих, перекроить грид под себя можно скриптами на Ruby. Ага, счаз побегу его ставить специально для этого дела. Мало у меня всякого добра установлено. Ну и в-четвертых, YUI откровенно более зрелая и солидная разработка.

Надо будет при случае разобраться что еще есть полезного в YUI.

29.11.08 | Заметки |    

Комментарии (7)

  1. Aramaki 30.11.08 12:17
  2. AureN 06.01.09 13:37

    Есть, конечно, достатьчно комментариев по дизайну. :-) Не в общем и целом, а мелкие детали, которые легко изменить.
    Первый - маркерные полосочки. Везде они вставлены бэкграундом. Минус. То есть, начинается полоса “по-маркерному”, коряво и стильно. Однако заканчивается с концом дива прямо и ровно. Единственно правильная полоса получается в футере под копирайтом.
    Второй - цвет основного текста. Когда текста много и всё пестрит мелкими элементами, лучше не использовать 100% черного. Оптимальнее было бы, думаю, #68676c.
    Третий - цвет заголовков. Скучный зеленый, неинтересный, блеклый и тяжелый. Думаю, подойдет #469028.
    Четвертый - слишком прижаты друг к другу заголовок и подзаголовки меню.
    Пятый - текст ссылки, возможно, был бы более заметен, будь он цвета заголовков (#469028).
    Шестой - лишние бордеры вокруг зелено-бирюзовых полей. Хотя для полей ввода они очень кстати. Обособляют.
    Седьмой - поле поиска “провалилось” в дизайне. Возможно, лучше его прижать к верху? И явно не хватает кнопки “Найти” или “Go” или чего-то там еще. Очень непривычно для юзера.
    Восьмой - по кнопкам. Стандартные сабмиты выбиваются из стиля.
    По поводу шаманов и css. Возможно, приходится потанцевать, чтобы было везде одинаково, но, освоив все обманки и обходы несовместимости, всё получается идеально и появляются еще большие возможности контролировать поведение страницы.
    Вордпресс - ужас!!!
    YUI - слАбо.
    Из фрицээмэсок подобрал modx (modx.ru). Резиновый, простой, очень простой, очень резиновый. Лично у меня (человека “ВообщеНеПрограммераНиРазу”) ушел всего день, чтобы постичь самое простое создание блога (меню –> контент –> коммент). Результат - превосходен! Смысл в том, что сайт - полный конструктор. В одном разделе админки прикрепляю нужный пэхэпэ-код (блоки поиск, коммент, формы связи, сколь угодно уровневое меню,карта сайта, … уже готовы и интегрированы) (либо прям там написал и вставил его), в другом разделе прописываю внешний вид создаваемого блока, а потом просто в нужном мне месте шаблона запрашиваю этот код с указанием параметров и всё.
    Шаблоны можно применять какие угодно к каким угодно страницам. Минус (а по мне так плюс) в том, что шаблона встроенных всего 2. Но создать свой - двухчасовое дело рук/клавиатуры/html.
    На Вике есть учебничек (http://ru.wikibooks.org/wiki/MODx) даже.
    ЗЫ: не реклама, просто в своё время проделал огромную работу по поиску хорошей, простой, удобной, бесплатной цээмэски и нашел ЕЁ! :-)
    ЗЗЫ: админка в ней тоже клёвая, простая и удобная. :-)
    ЗЗЗЫ: на форуме по modx куча решений кучи вопросов.

    Спасибо! :-) Ваш дизайнер. :-P

  3. Anatoly Belychook 07.01.09 21:14

    Спасибо за ценные советы, кое-чем воспользовался: сменил цвета заголовков, добавил просветы в боковой панели.
    Что касается полосок - да, есть такой дефект. Как с этим бороться - непонятно. То есть понятно как бороться, если зафиксировать ширину верстки, но на это я пойти не готов. Вариант с “раздвижными дверями” тоже не проходит, потому что полоска идет не строго по горизонтали или вертикали. В общем, нет в жизни совершенства.
    О поле поиска. Сам об этом думал, решил так: сайт все-таки ориентирован в основном на профи, так что если человек не может догадаться нажать enter, то может этот сайт не для него?
    По поводу YUI: для того, чтобы позволить себе осваивать все обманки и несовместимости, надо быть профессиональным веб-дизайнером. Я предпочел воспользоваться работой, уже сделанной такими профессионалами. Мне показалось, они сделали серьезную работу. И потом, это типа фундамента - строй поверх него все что считаешь нужным. Всяко лучше ведь, чем самому котлован рыть.
    В защиту вордпрес могу сказать, что он в некотором роде стандарт де-факто. Если пройтись по галерее ссылок на панели слева, то вордпрес обслуживает больше половины сайтов. Потом, идешь на какой-нибудь сайт типа feedburner, а там место для галочки уже приготовлено: “standalone wordpress”. Перекрестные ссылки: я могу быть уверен, что любой блог сможет отправить на меня pingback/trackback. Это важно. Опять же, многоязычность удалось сделать без особых усилий. Правда, это плагин, а не сам вордпрес.

  4. AureN 11.01.09 00:22

    Спасибо. :-)
    Про стандарты вордпресса не стал бы столь категоричным. Хорошо, когда стандарты развиваются основываясь на мнении и требованиях профессионалов. Но вордпресс развивается в связи с растущим спросом на создание личных блогов “ВсехКомуНеЛень” (не принимать в свой адрес). :-) Следовательно, вордпресс популяризируется, но не растет качественно. Согласно всем концепциям истории, настанет тот момент, когда ему придется задуматься о качестве. Вот когда это случится, тогда, я думаю, можно будет с уверенностью ориентироваться на стандарты вордпресса. Я бы сам с удовольствием использовал какой-то настоящий базис в своей работе (по вебу), но, к сожалению, пока не вижу реальной альтернативы. :-( Приходится делать всё самому, субъективно основываясь на всей полученной информации.
    Кстати, считаю, что цвет основного шрифта всё же нужно облегчить. Не смотря на то, что это лишь май хамбл опИньон, я пришел к этому в своей последней работе над сайтом http://www.sem-lad.ru (пример более светлого шрифта). Много перебрал и понял, что 100% черного - тяжеловато визуально. И для восприятия, на мой взгляд, тоже. Хотя… Йедем дас зайнэ. :-)

  5. Anatoly Belychook 11.01.09 09:32

    100% черного действительно тяжеловато, но фокус в том, что тут его никогда и не было. Сначала было #003300, сейчас облегчил до #004400. Черный остался в полях ввода - по недосмотру, исправлю. Я пробовал #68676c - контрастность слишком мала. Для молодых людей, не страдающих дальнозоркостью и дальтонизмом, т.е. для веб-дизайнеров :) в самый раз, для остальных не очень.

  6. Лекс 13.01.09 07:26

    Читателям моего блога это будет интересно.Можно, сделаю кросспост у себя на блоге?

  7. Anatoly Belychook 13.01.09 11:16

    Со ссылкой на оригинал - нет возражений.

А что вы думаете?

Captcha

Copyright © 2008-2016 Анатолий Белайчук. Спасибо Wordpress и Yahoo.  Контент  Комментарии