Отличный плагин для проверки верстки

[Niksg]

Отличный инструмент! Но, по-моему, пользоваться плагином для браузера удобнее и никто кроме тебя (верстальщика) это не видит

[rapida]

окей, как быть с ie7? не помню там pixel perfect

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

[Isis]

Для Firefox есть плагин PixelPerfect

[Isis]

Точно, вспомнил.
Исправление делал по ссылке: github.com/openhouseconcept/PixelPerfect/issues/48

[rapida]

вам повезло, если приходится тестировать верстку только в лисе )

[Jere]

Видимо у Вас не такие требовательные заказчики. У меня друг держит команду верстальщиков, и он уже не раз жаловался что у них было несколько немецких фирм которые требовали пиксель перфект к своему дизайну, причем подразумевали именно полное соответствие. Конечно полное соответствие имелось ввиду только в актуальных броузерах, без ие7.

[Fesor]

мне казалось что изза особенностей сглаживания, нет?

[Jere]

То есть по вашему в шрифтах Arial, Verdana и т.п. стандартных для веба, браузеры добавляют кернинг? Я конечно могу ошибаться, и действительно кернинг используется в стандартных шрифтах, но я всегда думал что только в DejaVu шрифтах и еще нескольких. Тем не менее есть куча библиотек на JS и свойство rendering позволяющее контролировать кернинг. Хотя я в этом не особо разбираюсь, так что могу ошибаться.

[Jere]

Хоть объясните за что минусуете? Я действительно не особо разбираюсь, но хотел бы знать.

[swanrnd]

Еще есть Apple с Safari со своими шрифтами. Это вообще отдельный случай.

[Grammka]

macpages.me/blog/experience/686.html

[Grammka]

macpages.me/blog/experience/706.html

[olean]

Он есть и для Chrome и даже для Opera.

p.s. тема неоднократно всплывавшая в хабрасообществе: habrahabr.ru/post/116407/, habrahabr.ru/post/30191/, etc.
пользуйтесь: github.com/aishek/crosspixel/blob/master/build/crosspixel.js

[mcslayer]

зачем извращаться?

html { background: url(картинка_дизайна); }
body { opacity: .5;}

[desigens]

mcslayer: я зашел сюда написать такой же комментарий. Один тег + пару строк CSS мне кажется более удобным, чем использовать специальный плагин, да еще и с js-библиотекой. Хотя на вкус и цвет фломастеры разные.

[rapida]

Для простых дизайнов — это действительно лучшее решение. Но когда у вас >1500px дизайн, который неизебежно поплывет по высоте — удобней двигать исходник накладывая его на отдельные блоки

[Connor]

>P.S. К сожалению последняя версия jQuery, с которой он совместим — 1.7.1. Портировать на последнюю пока не удалось, буду рад, если кто-то поможет.

Для jQuery 1.8+ нужен свежий jQuery UI. В плагине используется очень старая версия 1.8.12.

[Kozlovski]

ИМХО, еще один велосипед. Пробовал раньше какой-то экстеншн для хрома, но не прижилось.

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

[dshster]

Вот бы иметь этот плагин на github, можно было бы доработать под динамическую загрузку через bookmarket? Все же держать ссылки на такие вещи в самом проекте не очень правильно.

[dshster]

В общем я для себя подкорректировал: перенес файлы xprecise.min.css и xprecise.min.js на локальный домен xprecise.local, добавил закладку с содержимым:

javascript:(function(){document.head.appendChild(document.createElement('script')).src='http://xprecise.local/xprecise.min.js';csslink=document.createElement('link');csslink.setAttribute('rel','stylesheet');csslink.setAttribute('type','text/css');csslink.setAttribute('href','http://xprecise.local/xprecise.min.css');document.head.appendChild(csslink);})();

Теперь в корне рабочего проекта можно хранить папочку со скриншотами дизайн-макета и подставлять имена в окошко плагина. Никаких лишних подключаемых скриптов в проекте не будет.

[wartur]

Пойдет к набору Unit тестов, которые все равно при релизе выпиливаются.

[LostSenSS]

Очень жаль, что он не сохраняет позицию макета(да и вообще все настройки) после рефреша страницы.
Все же удобнее PixelPerfect'а пока еще не использовал.