Оцените верстку

[Sabay]

Привет всем! Буду очень благодарен за критику.  Вопросы по <span> которые вложены в дивы, так возможно? если нет то во что лучше оборачивать <span> просто в диве? Ну по <section> гляньте ? там где стоит уместен?

Pangurban за дело!!  Шаблон выбирал попроще чтоб ты оценил)))

http://sportclabchel.ru/design/design.html

[pangurban]

1. все изображения, которые не являются контентом делать фоном.

2. при увеличении и уменьшении шрифта есть некоторые косяки.

3. если уж используешь html5 элементы, то разберись с их семантикой.

4. спрайты

 

5. Сделай нормальное лого.

6. текст справа от кассеты не обтекает изображение (когда его много)

7. А если в месте, где написано Mar 18th будет December 18th?

 

разные мелочи по css и структуре разметки - это с опытом придет.

Вроде ко всему что заметил придрался, если нет, батьки подскажут)

Edited October 14, 2014 by pangurban

[Q4Dizzy]

Mar 18th будет December 18th?

 

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

 

меню не влазит всё.

 

кнопочка поиска -  при наведении должно быть

cursor: pointer;

Ко всему ещё добавлю, что не очень приятно выглядит, когда текст в поле ввода примыкает прямо к границам. Желательно добавлять им внутренние отступы.

Edited October 14, 2014 by Q4Dizzy

[Sabay]

1.да знаю!) но так блин проще! Буду стараться! Но а так ведь не критично?

3.Ну что опять с семантикой то? <section> стоит правильно ведь?

4. А где тут спрайты? Тут нет изображений меняющих свой вид?

5.Ачто с лого не так не понял?

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

( читать далее).

7.December не будет, будет Dec15, Cep18, Oct19 и так все 12 месяцев, предполагаю по крайней мере))) если будет December переделаю чтоб растягивалось,

я просто верстаю шаблон, написано mar18, отсюда и предполагаю что все остальное будет так же, мне предположить много ближе что будет Dec, а не December???? Но если все таки будет December то переделаю, или надо сразу делать с предположением что будет December?  Вот это я загнул? Короче что думаешь?

 

Про time благодарю! Буду чаще посматривать на новый теги.

Как меню не влазит?? где? в каком браузере???

Для placeholdera определены стили.

::-webkit-input-placeholder{color:#000; font-family:000;size/ weight/     padding-left:10px}

так написано со всеми префиксами, тут просто образно естественно написал, у меня только в мозиле прилипает к левой стороне, что не так??

Благодарю всех отозвавшихся! 

Pangurban-получается что ошибки почти те же?

А разделы ссылками , это ты имеешь ввиду :in: Photos, Retro ???

Cursor-pointer добавил, Благодарю!

[pangurban]

1. учись сразу делать правильно, а не проще.

2. там больше подойдет article

    http://web-standards.ru/articles/avoiding-html5-mistakes/

    http://html5doctor.com/downloads/h5d-sectioning-flowchart.pdf

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

[Sabay]

Блин хоть убей ну никак я не могу врубиться в разницу между <section> end <article>!!

Благодарю!

[Laroxx12]

Блин хоть убей ну никак я не могу врубиться в разницу между <section> end <article>!!

Благодарю!

Тык

[Sabay]

Ахх! хорошие ссылки! Мира вам благодетели!

[hypnocolor]

4. А где тут спрайты? Тут нет изображений меняющих свой вид?

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

Edited October 15, 2014 by hypnocolor

[Sabay]

Совершенно согласен!