Подскажите в верстке и дизайне

[ArhAngel]

Решил сделать сайтец для себя... Но поскольку я не дизайнер, то ничего сверхестественного.
Вот к вам, господа, просьба - посмотреть страницу что и как, дать совет))
Может что плохо с цветами или навигацией, может некоректно в каком разрешении и браузере, или неудобная навигация.
Пишите все сюда, буду разбирать все.
Заранье спасибо всем.
Вот тут все http://webengineer.org.ua/blog.php

 

[Jackito]

Ну что ж: Сайт конечно не доделан, да и что тут скрывать вообще две страницы, главная и блог.
1. Ссылки конечно подчеркнуты — это хорошо, но цвет у ссылок должен быть одинаковым, у тебя я увидел три разных цвета.
2. Фон в клеточку, это чем то смахивает на школьный сайт, и то сейчас эта тема кажется заезженной.
3. Футер и хедер постоянно находятся сверху контента, нужно ли это? Хедер может быть, а футер, я думаю нет, хотя на белом фоне это не отвлекает.
4. Так как, уже было сказано, футер и хедер сверху, логотип есть и там и там, этого не нужно.
5. ...

 

[ArhAngel]

Можешь ОС сказать, браузер и разрешение?

 

[Jackito]

"Резиновость" мне нравится, причем очень. Во всех браузерах сайт ведет себя одинаково, НО в safari правый sidebar уезжает влево.

 

[ArhAngel]

Ок, надо будет все-же сафари поставить(( ато всегда оперой, хромом, фаерфоксом и ослом обходился, конечно на 6-й ие уже забил))

 

[Jackito]

Да и правильно)

 

[ArhAngel]

Странно, под линухом ничего никуда не уезжает, скрин дашь?

 

[Jackito]

Скрин

 

[ArhAngel]

Попробуй еще раз пожалуйста, у меня просто норм и так отображалось, может изза того что под линухом, хотя бог его знает

 

[Jackito]

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

 

[BaNru]

Поддержу полностью Jackito, особенно по 3 пункту.
Тут все переделывать. Дизайн мало того что аля "школа", так еще и 90 годов.

Переделывай, не думая. Не мучай себя.
Начни с избавления от фона. Забудь про это слово для светлых дизайнов (как минимум на данном этапе)

Если юзаешь HTML5, то прочитай что такое time

<time>2012-05-18 25:35:25</time>

 

[ArhAngel]

либо так - <time>дата и время</time>
либо так - <time datetime="<дата и время>">текст</time>

http://htmlbook.ru/html/time

Хотя если чесно, сегодня впервые с html5 ковырялся, может семантика страдать, хотя пытался все верно отверстать

 

[BaNru]

[member=ArhAngel], Либо второй вариант, про первый я впервые слышу. Даже если и предложить - исключение datetime ( теоретически), то между тегами должен быть правильный формат, что не правильно для юзера, поэтому только второй.

 

[ArhAngel]

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

 

[BaNru]

Ну не знаю насколько правильный, но валидатор ругается
Правильный, насколько я знаю, вот такой

<time datetime="2012-04-30T10:31:31+00:00" pubdate="pubdate">30.04.2012</time>

 

[lekzd]

Как-то коряво руссифицирован шрифт, без карты сглаживания

 

[ArhAngel]

У меня как на скрине, хотя повторюсь, все под линухом смотрю, винды нет уже((
Пишите свой браузер и ОС пожалуйста

Кстате шрифт из гугл-фонтс

 

[tigra60]

Вместо <section id="left"> и <section id="right"> лучше, все-таки, использовать <aside>.

А вот вместо <span class="title"> в секции с комментариями обязательно должен быть заголовок (например, Н3)

Не пойму, почему BaNru прикопался к time? Оба варианта приемлемы и жизнеспособны (http://developers.whatwg.org/text-level-semantics.html#the-time-element)

 

[ArhAngel]

За подсказки спасибо, а по поводу time - BaNru говорил что на первый вариант ругается валидатор

 

[tigra60]

Ну, не знаю, что у него там ругается.
http://validator.w3.org/check?uri=webengineer.org.ua&charset=%28detect+automatically%29&doctype=HTML5&group=0
http://jigsaw.w3.org...arning=&lang=en