Как всем известно ie6 не поддерживает в полной мере псевдокласс :hover. Для решения этой проблемы есть массивный скрипт под названием Whatever:hover. Суть скрипта такова подключаем 1 раз в стилях и забываем о проблеме. Но как выяснилось не все так гладко, в некоторых случаях (закономерность я так и не уловил) у элементов при наведении в ie6 менялись некоторые стили, хотя :hover для них вообще никак не был прописан. Во всем виноват оказался как раз тот самый Whatever:hover. Так что я не советую использовать данный скрипт для решения проблемы в 6 ослике.

Недавно нужно было стилизовать формы, воспользовался нехитрым методом, сверстал блок нижним слоем оформил кнопку, верхним наложил инпут и задал ему прозрачность 0 (подробнее можете прочитать тут). Все отлично заработало на всех браузерах, кроме оперы под мак, на него прозрачность почему то никак не действовало. Решение оказалось довольно простым для input'а нужно было просто обнулить значение border'а.

Что сейчас начнется

Ниже приведено 8 простых правил, при верстке логотипа. Итак поехали.

Существует много споров оборачивать ли логотип в тег h1. Если соответствовать спецификации w3c то логотип, как заголовок сайта должен быть обернут в h1. С другой стороны любой сеошник вам скажет, что никогда не нужно брать логотип в заголовок, это не критично, но все же отрицательно скажется при оптимизации страниц под поисковые системы и соответственно если это, например, интернет-магазин, то это отрицательно скажется на прибыли.

Правило номер 1: никогда не брать логотип в тег h1. Лучше обернуть просто в div с классом logo.

Дочитать »

В то время как разработчики IE утверждают, что CSS3 еще не вышел, так зачем его внедрять в движок, разработчики Webkit не перестают удивлять. В последней сборке Webkit была реализована поддержка CSS 3D transforms. Качаем последнюю версию отсюда и наслаждаемся: пример номер один, пример номер два.