Jump to content

HTML5 + CSS3


gare4ka
 Share

Recommended Posts

В первом случае прошу оценить CSS3 и семантику HTML5.

Поддержка браузеров от ие9+

Также не стал заморачиваться со шрифтами. Заголовки в футере будут отличаться от макета, также FF и Opera не поддерживают шрифт Wingdings, 'Zapf Dingbats' для

class=""rank"

Оригинальный МАКЕТ решено было переделать на всю ширину экрана с минимальным использованием изображений, все что мог, сделал на CSS3.

Что получилось можно посмотреть ЗДЕСЬ

—————————————————————————————————

Второй МАКЕТ поддерживает браузеры от ие7+, кроме эффектов для соц. сетей. В соврмененных браузерах просто для наглядности задал им rotate. В идеале какой-нибудь эффект на js сделаю, пока особо не задумывался.

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

РЕЗУЛЬТАТ очень долго (порой до 30сек.) загружается и обновляется ЛОКАЛЬНО в ИЕ и хроме, реже в опере, а в ФФ и Сафари всегда моментально, т.е. очевидно, что проблема не в движке. С вэб-сервера всё хорошо ;)

Буду рад услышать предложения и замечания!

Link to comment
Share on other sites

на счет первого, правое меню шкалит во время наведения, или убери увелечияания шрифта, или постав строгий размер, или при наведений делай отрицателний марджин активного пунтка

Link to comment
Share on other sites

шрифт Wingdings

Лесом. Любые иконочные шрифты, отображающие вместо символов что-то другое, которые могут не сработать — туда же, а платформозависимые — и подавно. И что такого есть в этом Wingdings, чего нет в обычном человеческом юникоде?

Link to comment
Share on other sites

Что получилось можно посмотреть ЗДЕСЬ

1. div.postFooter можно было бы сделать как <footer>, ИМХО.

2. article.post зачем? не понял логики... Этот контент относиться к artice.postBlock, который в твоей верстке остался ни с чем. Перемудрил...

3. section не должен использоваться в качестве "обертки"

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy