Process Is The Main Thing

@ Anatoly Belaychuk’s BPM Blog

About this site design

Does it hurt your eyes? Sorry - this is what I call “genuine design” :) What about usability - navigation? Typography? Search?

It may seem that Wordpress has more than enough  themes ready to use. But when you come closer -

  1. standard/default themes are awfull
  2. most of them are not internationalized or internationalization is broken
  3. the vast majority use fixed width layout and fixed fonts - I hate this style
  4. only few works smoothly in IE6 which still is the most widely browser used I guess

So I had to do it myself. YUI CSS helped a lot. It gives you

  • a relaible base (all browsers are brought to unified visual style)
  • reasonable typography (fonts and spaces)
  • grid framework (top-level web page layout markup)

It’s really very helpfull. CSS is a kind of black magic which can burn your brains. With YUI you just add your specific styles to well-established basement - fast and easy.

I also considered the Blueprint CSS which is promoted by Google but YUI has better concept, supports flexible layout  and is far more mature.

11/29/08 | Notes |    

Comments (7)

  1. Aramaki 11/30/08 12:17 PM
  2. AureN 01/06/09 01:37 PM

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

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

  3. Anatoly Belychook 01/07/09 09:14 PM

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

  4. AureN 01/11/09 12:22 AM

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

  5. Anatoly Belychook 01/11/09 09:32 AM

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

  6. Лекс 01/13/09 07:26 AM

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

  7. Anatoly Belychook 01/13/09 11:16 AM

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

Comments are closed

Copyright © 2008-2024 Anatoly Belychook. Thanks to Wordpress and Yahoo.  Content  Comments