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 -
- standard/default themes are awfull
- most of them are not internationalized or internationalization is broken
- the vast majority use fixed width layout and fixed fonts - I hate this style
- 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.
Шпаргалка по YUI
http://yuiblog.com/assets/pdf/cheatsheets/css.pdf
Есть, конечно, достатьчно комментариев по дизайну. Не в общем и целом, а мелкие детали, которые легко изменить.
Первый - маркерные полосочки. Везде они вставлены бэкграундом. Минус. То есть, начинается полоса “по-маркерному”, коряво и стильно. Однако заканчивается с концом дива прямо и ровно. Единственно правильная полоса получается в футере под копирайтом.
Второй - цвет основного текста. Когда текста много и всё пестрит мелкими элементами, лучше не использовать 100% черного. Оптимальнее было бы, думаю, #68676c.
Третий - цвет заголовков. Скучный зеленый, неинтересный, блеклый и тяжелый. Думаю, подойдет #469028.
Четвертый - слишком прижаты друг к другу заголовок и подзаголовки меню.
Пятый - текст ссылки, возможно, был бы более заметен, будь он цвета заголовков (#469028).
Шестой - лишние бордеры вокруг зелено-бирюзовых полей. Хотя для полей ввода они очень кстати. Обособляют.
Седьмой - поле поиска “провалилось” в дизайне. Возможно, лучше его прижать к верху? И явно не хватает кнопки “Найти” или “Go” или чего-то там еще. Очень непривычно для юзера.
Восьмой - по кнопкам. Стандартные сабмиты выбиваются из стиля.
По поводу шаманов и css. Возможно, приходится потанцевать, чтобы было везде одинаково, но, освоив все обманки и обходы несовместимости, всё получается идеально и появляются еще большие возможности контролировать поведение страницы.
Вордпресс - ужас!!!
YUI - слАбо.
Из фрицээмэсок подобрал modx (modx.ru). Резиновый, простой, очень простой, очень резиновый. Лично у меня (человека “ВообщеНеПрограммераНиРазу”) ушел всего день, чтобы постичь самое простое создание блога (меню –> контент –> коммент). Результат - превосходен! Смысл в том, что сайт - полный конструктор. В одном разделе админки прикрепляю нужный пэхэпэ-код (блоки поиск, коммент, формы связи, сколь угодно уровневое меню,карта сайта, … уже готовы и интегрированы) (либо прям там написал и вставил его), в другом разделе прописываю внешний вид создаваемого блока, а потом просто в нужном мне месте шаблона запрашиваю этот код с указанием параметров и всё.
Шаблоны можно применять какие угодно к каким угодно страницам. Минус (а по мне так плюс) в том, что шаблона встроенных всего 2. Но создать свой - двухчасовое дело рук/клавиатуры/html.
На Вике есть учебничек (http://ru.wikibooks.org/wiki/MODx) даже.
ЗЫ: не реклама, просто в своё время проделал огромную работу по поиску хорошей, простой, удобной, бесплатной цээмэски и нашел ЕЁ!
ЗЗЫ: админка в ней тоже клёвая, простая и удобная.
ЗЗЗЫ: на форуме по modx куча решений кучи вопросов.
Спасибо! Ваш дизайнер.
Спасибо за ценные советы, кое-чем воспользовался: сменил цвета заголовков, добавил просветы в боковой панели.
Что касается полосок - да, есть такой дефект. Как с этим бороться - непонятно. То есть понятно как бороться, если зафиксировать ширину верстки, но на это я пойти не готов. Вариант с “раздвижными дверями” тоже не проходит, потому что полоска идет не строго по горизонтали или вертикали. В общем, нет в жизни совершенства.
О поле поиска. Сам об этом думал, решил так: сайт все-таки ориентирован в основном на профи, так что если человек не может догадаться нажать enter, то может этот сайт не для него?
По поводу YUI: для того, чтобы позволить себе осваивать все обманки и несовместимости, надо быть профессиональным веб-дизайнером. Я предпочел воспользоваться работой, уже сделанной такими профессионалами. Мне показалось, они сделали серьезную работу. И потом, это типа фундамента - строй поверх него все что считаешь нужным. Всяко лучше ведь, чем самому котлован рыть.
В защиту вордпрес могу сказать, что он в некотором роде стандарт де-факто. Если пройтись по галерее ссылок на панели слева, то вордпрес обслуживает больше половины сайтов. Потом, идешь на какой-нибудь сайт типа feedburner, а там место для галочки уже приготовлено: “standalone wordpress”. Перекрестные ссылки: я могу быть уверен, что любой блог сможет отправить на меня pingback/trackback. Это важно. Опять же, многоязычность удалось сделать без особых усилий. Правда, это плагин, а не сам вордпрес.
Спасибо.
Про стандарты вордпресса не стал бы столь категоричным. Хорошо, когда стандарты развиваются основываясь на мнении и требованиях профессионалов. Но вордпресс развивается в связи с растущим спросом на создание личных блогов “ВсехКомуНеЛень” (не принимать в свой адрес). Следовательно, вордпресс популяризируется, но не растет качественно. Согласно всем концепциям истории, настанет тот момент, когда ему придется задуматься о качестве. Вот когда это случится, тогда, я думаю, можно будет с уверенностью ориентироваться на стандарты вордпресса. Я бы сам с удовольствием использовал какой-то настоящий базис в своей работе (по вебу), но, к сожалению, пока не вижу реальной альтернативы. Приходится делать всё самому, субъективно основываясь на всей полученной информации.
Кстати, считаю, что цвет основного шрифта всё же нужно облегчить. Не смотря на то, что это лишь май хамбл опИньон, я пришел к этому в своей последней работе над сайтом http://www.sem-lad.ru (пример более светлого шрифта). Много перебрал и понял, что 100% черного - тяжеловато визуально. И для восприятия, на мой взгляд, тоже. Хотя… Йедем дас зайнэ.
100% черного действительно тяжеловато, но фокус в том, что тут его никогда и не было. Сначала было #003300, сейчас облегчил до #004400. Черный остался в полях ввода - по недосмотру, исправлю. Я пробовал #68676c - контрастность слишком мала. Для молодых людей, не страдающих дальнозоркостью и дальтонизмом, т.е. для веб-дизайнеров в самый раз, для остальных не очень.
Читателям моего блога это будет интересно.Можно, сделаю кросспост у себя на блоге?
Со ссылкой на оригинал - нет возражений.