Попиксельная резиновая вёрстка.

Не согласен и считаю что это неверно.
В зависимости от формулировки задачи в ряде случаев она действительно технически невыполнима. Потому что все что у вас есть это стандарты, и версии браузеров. При этом вы совершенно ничего не знаете (на данный момент развития браузеров и веб-стандартов) и не узнаете о графических настройках моего компьютера, моего монитора, моего браузера (кроме настроек "по умолчанию" в версии браузера и той части настроек, которую сообщит вам браузер), плагинов и расширений браузера(!) и не узнаете даже если потратите на это месяц или год. Хорошо, когда плагин реализован по всем стандартам и, к примеру, изменяя Zoom текста на сайтах вы сможете отследить это через JS и перестроить шаблон, но, к сожалению, далеко не всё что может повлиять на внешний вид страницы изменяет параметры элементов DOM, а больше вам прицепиться не к чему.
А оспаривать то, что любая из указанных неизвестных вам составляющих может сделать черный цвет вашего макета белым и наоборот, я думаю вы не будете. Потому да, если строго подходить к решению задачи, то она именно технически нерешаема на 100% просто потому, что вам даже неизвестно количество неизвестных переменных чтобы построить решения для всех вариантов их значений .

(Отредактировано автором: 08 Мая, 2013 - 12:26:19)

В вёрстке может и всё нормально, но я не специалист по ней)

И ответ сервера занимает 9 - 12 миллисекунд. Обработка главной страницы занимает до 4 секунд. Хотя бы за это.

(Отредактировано автором: 08 Мая, 2013 - 12:16:19)

Zuldek, при такой постановке вопроса мы и кроссбраузерность не сможем обеспечить на 100%, но тем не менее такое требование выставляется всегда, и, более того, оно выполняется. Опять же с допустимой погрешностью. И в пиксельной верстке есть погрешности, и они все оговариваются в техническом задании. Я согласен с тем, что pixel perfect - это прихоть заказчика, не понимающего в верстке. Ему нужно проверить результат, вот он и проверяет совпадение, возможно не понимая, что важна не пиксельная точность, а выдержанность модульной сетки.
Возвращаясь, к размеру пикселя - он одинаков в пределах монитора а проверяемая картинка и сайт наложены друг на друга, для их отображения используются одни и те же пиксели на экране )

-----
Чем больше узнаю, тем больше я не знаю.

DelphinPRO, верно. Сейчас только что ругался и спорил с дизайнером конкретно по этому вопросу. Он тоже считает что это излишне точная формулировка и т.д. и т.п.. В итоге признал что в своей трактовке я прав, и в задаче (а именно в ТЗ) нужно уточнять что заказчик подразумевает под понятием "pixel perfect", что в принципе потребует любой юрист, если ему принесут подобный договор. Если вы оговариваете, что верстка проверяется в таких-то версиях браузера, на компьютере заказчика и верстальщика, после чего с такими-то погрешностями и условиями (отсутствия сторонних плагинов, таких-то не стандартных настроек компьютера и т.п.) и считается выполненной, - тогда да, - задача выполнима. Только вот чтобы не хвататься за голову потом, - это всегда нужно уточнять и расшифровывать в ТЗ.
А то, - этот же дизайнер второй месяц развлекается с макетом для студии йоги которые в сверстанном макете не увидели цитата "такого контраста", который был в распечатанном для утверждения макете.

(Отредактировано автором: 08 Мая, 2013 - 13:00:34)

Раз уж зашла речь о pixel perfect верстке, то хотелось бы уточнить как решаете вы следующую проблему: есть разделительная полоса между блоками(border-bottom:1px #000000 solid у блока). Эта разделительная полоса(сепаратор) сделана отдельным блоком. В дизайне у этой полосы отступ сверху до других блоков или текста 30 пикселей, тоже самое и снизу. Проблема в следующем - любой блок сверху или снизу имеет разные значения свойства line-heigth, например, заголовок имеет line-heght 50px, а обычный текст 18px. Соответственно, задав сепаратору отступ сверху и снизу 24px, и разместив обычный текст сверху - все гуд, расстояние между текстом и сепаратором равно 30px. Но разместив теперь заголовок над сепаратором - мы получаем отступ в 46px. Че делать в таком случае?

(Отредактировано автором: 12 Мая, 2013 - 14:20:49)

Pavelbeginner, на сервере мы знаем какой элемент идет перед/после разделителя?
Если да - классы, либо соседние селекторы(и минус старые ие). В крайнем случае класс можно из JS добавлять.
Правда лучше заказчикам объяснить, что pixel-perfect да еще и в старых браузерах это + N денег, а гораздо лучше - адекватный дизайн который сделается за разумный срок.

(Отредактировано автором: 13 Мая, 2013 - 16:44:19)

Знать-то знаем, но этих элементов может быть миллион и у каждого свой line-height, либо padding-top/bottom. И под каждый из миллиона элементов затачивать как-то не хочется... плюс в будущем могут ещё элементы появиться.

Pavelbeginner, если имеется "миллион" разноплановых элементов, то что курил дизайнер. Это уже не дело. Здесь уже точно, стоит верстать чтобы было адекватно, а не 1 в 1 с фотошопом

(Отредактировано автором: 14 Мая, 2013 - 02:21:48)