Оказалось что при автоподстановке например логина или пароля, браузер применял стили с помощью псевдокласса :-webkit-autofill, который собственно перекрывал стили заданные через класс. Самое опасное то, что данный баг нельзя отловить при верстке локального файла. Поэтому всегда задавайте стили полям ввода так:

1. input.text-field, input.text-field:-webkit-autofill {color: #fff; background: #000;}

jQuery Tools Scrollable

Наверное один из наиболее популярных слайдеров. Входит в состав jQuery Tools. Реализован достаточно гибко. Поддерживает прокрутку мышкой и с помошью клавиатуры. Работает во всех основных браузерах (Firefox 3+, Chrome, Safari 4+, Opera 9.6+, IE 6+). Весит довольно мало всего 4 кб.

Демо, Документация, Скачать

jCarousel

Не такой универсальный как jQuery Tools Scrollable. Но также неплохо справляется со своими обязаностями. Горизонтальная, вертикальная прокрутка. Слайдшоу. Навигация. Работает во всех основных браузерах (Firefox 3+, Chrome, Safari 4+, Opera 9.6+, IE 6+).

Демо, Документация, Скачать

Coin Slider

Один из самых эффектных слайдеров. Очень красивые эффекты при смене изображении. Небольшой вес, около 8 кб. Работает во всех основных браузерах (Firefox 2+, Chrome 3+, Safari 2+, Opera 9+, IE 6+).

Демо, Документация, Скачать

Nivo Slider

Также имеются очень интересные эффекты. По функциональности ничем от предыдущего слайдера не отличается. Единственный минус – это кроссбраузерность. Работает в Firefox 3+, Chrome 4+, Safari 4+, Opera 10.5+, IE 7+.

Демо, Документация, Скачать

Orbit

Один из самых маленьких плагинов, всего 3.2 кб. Но и анимация соответственно однотипная, хотя и приятная глазу. Кроссбраузерность немного страдает. Работает в Firefox 3.5+, Chrome 4+, Safari 4+, Opera 10.5+, IE 7+.

Демо, Документация, Скачать

Самая удачная реализация получилась у Google, фактически число пользователей предыдущей версии браузера сводится на нет уже через месяц после релиза новой версии. У Microsoft совсем другая картина, старые версии Internet Explorer живут очень долго. Это отрицательно сказывается как на разработчиках, так и на пользователях, но самое важно, это сказывается и на самих мелкомягких. Наверное нет ни одного верстальщика, который бы не сталкивался с проблемами в IE. IE6 и IE7 довольно сильно тормозят на сайтах напичканных javascript'ом, плюс проблемы с безопастностью, поэтому все больше пользователей пересаживаются на альтернативные браузеры. И в итоге у всех складывается мнение что Internet Explorer не лучшее решение для серфинга в сети. Даже выход IE9 многие воспринимают скептически. Соответственно Microsoft постепенно теряет долю в рынке браузеров.

Если бы Microsoft реализовала граммотную систему обновления браузера, проблема не была бы такой глобальной. Windows Update с этими обязанностями как показала практика не справляется. Я все надеялся, что в Microsoft поумнеют и реализуют в IE9 автообновление. Но там видимо решили еще раз наступить на те же грабли.

Из интервью с Джоном Хрватином (IE9 Lead Program Manager):

Q. Планируете ли вы сделать автоматическое обновление браузера (независимое от Windows Update), как это сделано в других браузерах?
A. Windows Update (WU) хорошо справляется с задачей поддержания браузера в актуальном состоянии. Мы используем эту систему для доставки обновлений практически каждый месяц и она дает высокие показатели установок. Мы также используем WU для распространения новых версий, но при этом дополнительно ожидаем подтверждения со стороны пользователя, помимо подтвеждения готовности к обновлению со стороны WU, так что пользователи могут сами решить, когда они готовы перейти к новой версии. Она также интегрируется с ПО, управляющим операционной системой и используемым IT-специалистами для управления тем, как обновления IE разворачиваются в их инфраструктуре. Это особенно критично для организаций, бизнес которых зависит от работоспособности браузера.

Видимо IE9 ждет та же участь, что и IE6 лет через 5.

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

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

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

Идем дальше. Типичные ошибки начинающих дизайнеров: они в навигацию вставляют пункт "на главную" или же в шапку сайта микроскопическую иконку в виде домика, в которую довольно проблематично попасть мышкой. Обычно логотип и является ссылкой на главную страницу и не нужно ничего лишнего придумывать. Если же пользователь уже находиться на главной странице, то логотип становиться не кликабельным.

Правило номер 2: Логотип является ссылкой на главную страницу, если пользователь находить на главной странице, то логотип не кликабелен.

Вопрос 3ий, в каком виде лучше вставлять логотип, в виде картинки или в виде фонового изображения. При работе над проектом о креативной рекламе adme.ru, был замечен тот факт, что если логотип вставлен фоном и прописан в css файле, то он подгрузится намного позднее, чем если бы он был просто вставлен в виде картинки. А если пользователь не видит логотипа, ему не совсем понятно куда же он попал, тем более если он впервые на вашем ресурсе.

Правило номер 3: Логотип вставлять всегда в виде картинки, а не фоновым изображением.

Поговорим о юзабилити. Логотипы обычно занимают небольшую область и если пользователь хочет кликнуть на лого мышкой, чтобы попасть на главную страницу, то вероятен тот факт, что он может промахнуться. Поэтому, если позволяет дизайн, то область реагирования должна быть на пикселей 20 – 40 больше логотипа.

Правило номер 4: Область реагирования должна быть большое размеров логотипа.

Теперь затронем тему микроформатов :) Существует микроформат под названием rel-home. Добавив атрибут со значением rel="home", мы указываем ссылку на главную страницу сайта. Данный атрибут естественно добавляется к ссылке.

Правило номер 5: Если проект не высоконагруженный и вы не считаете каждый байт, то используйте микроформаты.

Мало кто знает, а тем более использует такой атрибут как accesskey. Этот атрибут работает только ссылками и позволяет с помощью клавиатуры передвигаться по сайту. Негласным стандартом для веб разработчиком является accesskey="1", это ссылка на главную страницу сайта. Например нажав в firefox ctrl + 1, вы переместитесь на главную страницу, согласитесь удобно, особенно тем кто работает с клавиатурой или тем у кого довольно плохое зрение.

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

Правило номер 7: Не забываем про тех у кого отключены картинки. Прописываем название логотипа в атрибуте alt, либо же кладем под слой с изображением, красиво оформленный текст с лого.

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

Правило номер 8: Интерфейс всегда должен реагировать на действие пользователя.

PS.: Новая версия Firefox стала быстрее, но до Safari 4 ей еще далеко. Еще у меня приглючил приватныи режим просмотра, запуститься запустился, а вот выключаться не захотел. В итоге удалось выключить только через config. Из всех расширении, только YSlow оказался не совместим. В остальном полет нормальный.