Шаблон

Прошу посмотреть профисионалов в этом деле как написан css стиль хорошо или плохо.
http://9class[dot]zz[dot]mu/style/style[dot]css
http://9class[dot]zz[dot]mu/style/panel[dot]css

Сам сайт http://9class[dot]zz[dot]mu

CSS стиль написан без ошибок.
А вот html с ошибками - http://validator[dot]w3[dot]org/check?ur[dot][dot][dot]://9class[dot]zz[dot]mu/
Пользуйтесь валидаторами http://validatory[dot]ru/ при написании сайтов.

А дизайн сайта мягко говоря хромает...

Плохо. В CSS не должно быть не одного идентификатора. Только классы, местами теги.
Стилизуйте сайт классами, а идентификаторы оставьте javascript-программисту. Они ему нужнее.

(Отредактировано автором: 11 Ноября, 2013 - 21:35:24)

-----
Чем больше узнаю, тем больше я не знаю.

Ну а вдруг у него сайт на javascript полностью написан

Я честно говоря даже не заметил, что там по id а не по классам. Слилось всё.
Ну а разница между идом и классом - id можно использовать только 1 раз, т.к. это уникальный идентификатор. Обычно его используют для js скриптов. id указывает js скрипту, "кто он такой" этот элемент с id, а js предпринимает определенное действие с этим элементом, в зависимости от идентификатора элемента (id).

А class можно использовать хоть 100 раз на странице. Он просто прикрепляет определенный заданный стиль к нужному элементу.

(Отредактировано автором: 12 Ноября, 2013 - 08:47:51)

не имеет значения. Стили применять к идентификаторам - плохой тон.

-----
Чем больше узнаю, тем больше я не знаю.

Откуда такая информация?

Многолетний опыт верстки

-----
Чем больше узнаю, тем больше я не знаю.

Я понял свои ошибки, id только для div подходят. Исправлю.

Нет, не совсем поняли. id подходят только тогда, когда к этому id привязан js скрипт.
В других случаях используется <div class="name">forum.php.su</div>

Тоже многолетний опыт вёрстки?

Именно он.

Можно, конечно, не только в js (неправильно выразился), к примеру, можно с помощью id выделить какой-то элемент и, к примеру, сделать ссылку конкретно на этот элемент (http://domain.ru/dir#id). Но обычно id используется для работы с js скриптами. Его нельзя применить на странице более одного раза, в то время как class можно.

(Отредактировано автором: 12 Ноября, 2013 - 22:06:28)

такое ощущение, что вы не уловили мой мессадж.

Идентификаторы не следует использовать для стилизации элементов.

(Отредактировано автором: 12 Ноября, 2013 - 22:35:13)

-----
Чем больше узнаю, тем больше я не знаю.

Никто так не смог назвать хотя бы одну причину не использовать ИД в вёрстке. Я вот не знаю каких либо общепринятых правил или стандартов на этот счёт. Может быть есть какая нибудь рекомендация W3C? Всегда обозначаю с помощью ИД основные разделы страницы, чтобы подчеркнуть их уникальность в пределах документа. Это улучшает семантику документа и CSS.
Имхо, это больше относится к стилю кодирования. Т.е. по сути самая обычная "вкусовщина".

Разумеется. Стандартов на этот счет нет.

Допустим есть блок

-----
Чем больше узнаю, тем больше я не знаю.

Дело даже не в стандарте, а в назначении идентификатора, которым вы пытаетесь обозначить элемент. Суть в том, что при неправильном повсеместном использовании вы можете потерять в скорости визуалиации страницы браузером. Это основная причина отказа от ids тех кто понимает корень причины и тех кто следует моде стандартов.

Говоря серьёзнее, есть ряд мифов и правдивых историй касающихся более долгой выборки элемента страницы с обозначенным ID для использования в CCS.
Так вот пишут их очень часто те, кто ни черта не понимает как работает с html-документом браузер и в их верстке документ с кучей id, используемый для удобства или скорости как CSS селекторы в определённых случаях могут усложнять работу браузеру, если понимать как и почему он считывает определение стиля, допустим #id3 p не слева на право, а с права на лево.

Мой скромный вердикт таков — в определённых ситуациях, когда вы точно знаете, что присвоение элементу идентификатора ускорит работу ваших клиентских js-скриптов, их использовать нужно обязательно.
Использовать ID исключительно как CSS селекторы в целях каких-то там упрощений, ускорений и удобств стоит только в том случае если это супер-важно для вас и супер удобно или если вы точно уверены что в конкретном случае, используя ID на конкретной странице это не замедлит а ускорит визуализацию.
Во всех прочих случаях от использования идентификаторов просто как селекторов в CSS отказываюсь.

Детально частные случаи описывать не буду, особенно касательно использования в JS.
Общие принципы того, почему и когда идентификаторы могут тормозить визуализации изложены на понятном языке тут — http://oli[dot]jp/2011/ids/ . Кому будет интересно изучить указанное на языке технической документации (парсинг DOM браузером и тп.) нужные материалы найдут сами без труда.

(Отредактировано автором: 13 Ноября, 2013 - 09:55:43)