Вырви глаз

[Bassline]

Сверстал еще одну страницу.

Макет небольшой, но с кучей декоративных элементов.

 

Что-то здесь не так:

1. Вся графика посажена на z-index с помощью псевдоэлементов, чтобы не создавать лишних пустых тэгов в разметке. Под конец полностью запутался в этих индексах и в том, что относительно чего спозиционированно, особенно когда открыл все это дело в IE8. Есть ли более оптимальные решения или так тоже сойдет?
2. Из-за пункта выше в IE7 пришлось посадить целый огород из хаков. В IE Tester все жутко тормозит, в IE 10 в режиме совместимости все нормально (у кого есть виртуалка, пожалуйста, посмотрите как там). Как с этим всем быть?
3. Два белых круга на заднем плане в области шапки. Разместил их с помощью одного большого прозрачного изображения (>2000px) в абсолютно спозиционированном блоке, который в свою очередь отцентрирован относительно body. А все это потому, что нужно было как-то прибить изображения к краям макета, что бы при изменении размеров окна круги не сдвигались отностиельно самого макета. Есть ли другие варианты?
4. Блок с заголовком Knowledge. Реализовал его с помощью трех вырезанных картинок, тянется только по вертикали. Можно ли его как-нибудь сделать на CSS3?
5. HTML5 тэги в блоках с новостями. Сам блок обернул в section, а каждую новость в article. Но дело в том, что у новостей нет заголовков. Как здесь быть?

Edited December 21, 2013 by Bassline

[Ludwig Voltman]

По поводу верстки: что тут говорить, по мне так все супер. Ничего не сыпется, при добавлении текста ничего не разваливается.

Ну разве что:

1) всем элементам с position или float автоматически задается display: block, отдельно прописывать его не нужно (я имею ввиду стилизацию псевдоклассов :before, :after)

2) для даты поста в статье вместо span можно использовать специальный тег <time>

3) я бы все-таки в h1 заключил не слоган, а название сайта

-

по вопросам:

1) в IE7 все отображается хорошо, но тормозит по-страшному

2) по поводу блока с новостями: я недавно верстал новостную ленту и так же использовал теги (ещё <time> добавил для даты). Я рассудил так: то, что у структурных элементов нет заголовков -- не страшно, это опциональное требование. Использовать "стерильные" теги тоже смысла не имеет, т.к. содержательное значение в ленте новостей есть. А из всех структурных элементов подходит только article, его я и использовал.

3) по поводу остального сказать нечего