Alex Shnayder

Тут был неправильный ответ.

http://css-live.ru/articles/zagadochnye-otstupy-mezhdu-inlajn-blokami.html

Странно, у меня на i5 ни в хроме, ни в фф не тормозит, разве что прокрутка фоток в портфолио не плавная. А вообще, сайт, по-моему, дурацкий. Как уже писали, всё по-юношески пафосно. Когда я захожу на такой сайт, у меня возникает ощущение, что персонажу лет 16-18. Заказывать работу у подростка? Нет, спасибо. Если отстраниться от этого ощущения, то картинка на главной выглядит эффектно, повыпендриваться перед одноклассниками - самое то В остальном сайт смотрится плохо. Теперь более объективно. 1. На главной странице ничего нет, кроме фотки. Это ведь сайт-портфолио, правильно? Так поместите на главную часть работ, напишите, что это сайт фотографа-художника. 2. В разделе "кто он" вместо полезной информации об опыте работы и умениях написана ничего не говорящая чушь. Думаете, заказчику надо "погрузиться в его мир наполненный искусством, культурой и виdеньем нечто иного что помещается только у него в голове"? Ну-ну. 3. Зачем делать прайс скачиваемым? Так сложно выложить цены на сайте? 4. Раздел портфолио ужасно неудобный. Зачем-то сделано разделение на 2 вида работ и дурацкая медленная прокрутка. Вместо того, чтобы увидеть на главной миниатюры работ с небольшим фильтром по типу (а можно и без него), я должен сначала два раза кликнуть, а потом ждать, пока всё прокуртится. 5. Текст должен быть текстом. Во-первых, пользователь сможет скопировать нужную информацию, сохранить телефон в адресную книгу и т.д. Во-вторых, поисковики текст на изображении не распознают. 6. Прописные буквы - зло. Они читаются гораздо хуже строчных. 7. ... В общем, подумайте, для чего нужен сайт, зачем на него будут заходить посетители, какая информация им нужна. Сделайте всё самое нужное на главной: краткое резюме, список работ, контактную информацию. Старайтесь в первую очередь делать удобно, и только во вторую - красиво.

А, блин, я не про ту картинку подумал.

Вы про картинку в шапке на forum.worldoftanks.ru? Она сделана фоном с центральным позиционированием для блока, у которого задана минимальная ширина, а поверх него слева наложена картинка-затемнитель. Когда окно браузера сужается, картинка обрезается справа и слева в равной степени.

overflow: hidden для .rcb-content-bottom.

Это стандартное поведение FF и IE. На первый взгляд, фиксится заменой :active на :active:hover.

Этот кусок выглядит рабочим, при вводе "123456" должна выводиться ошибка. Но подход в целом неверный, да и качество кода оставляет желать лучшего.

Это не очевидно, но этот селектор работает не так. Селектор .post:last-child выбирает элементы, для которых выполняется одновременно два условия: 1) Этот элемент является последним прямым потомком своего родителя. 2) Этот элемент имеет класс post. В вашем случае все div.post подходят только под второй критерий, а добавленный элемент - только под первый.

Добавьте: .view-frontkat .views-field-title { line-height: 66px; } .view-frontkat .views-field-title .field-content { display: inline-block; line-height: 1.6em; }

Можно использовать rgba (IE9+) или псевдоэлемент (IE8+).

1. В списке слоёв щёлкаешь левой кнопкой с зажатым альтом по иконке глаза на нужном слое (это можно сделать и через контекстное меню). Это скроет все слои, кроме выбранного. 2. В меню нажимаешь Image -> Trim... -> OK. Это обрежет все полностью прозрачные пиксели. 3. Сохраняешь. 4. Откатываешь. Никаких новых файлов создавать не надо.

Сделайте inline-block для ссылок и спанов.

Есть вот такая статья об оптимизации CSS. Судя по ней, box-shadow — одно из самых тяжелых свойств, а transform: rotate, которое используется в этих примерах для поворота псевдоэлементов, вообще ужасно тормозное. Так что если таких теней на странице должно быть много, стоит рассмотреть другие варианты.

А в чем проблема сделать не одну тень, а две? Псевдоэлемента-то два. Вот примеры: http://habrahabr.ru/post/133258/.