Немного упрощаем жизнь web-верстальщика в Windows

[@EllaVS]

Спасибо, никогда б не думала, но ведь и правда удобно.

[@Meliborn]

addons.mozilla.org/ru/firefox/addon/pixel-perfect/

[@helm2004]

К сожалению, верстаем не только под Файрфокс.

[@Shamrays]

Ищем PixelPerfectPanel.js в
%APPDATA%\Roaming\Mozilla\Firefox\Profiles\блабла.default\extensions\ [e-mail]\chrome\pixelperfect\content\PixelPerfectPanel.js

Ну или в похожем месте если не винда.
Открываем блокнотом
и после строк

addMenuOption('Hide Statusbar Icon', buildToggleBoolPrefFn(hideStatusBarPref), pixelPerfect.utils.getBoolPref(hideStatusBarPref)); addMenuOption('Hide Overlay When Inspecting', buildToggleBoolPrefFn(hideWhenFocusLostPref), pixelPerfect.utils.getBoolPref(hideWhenFocusLostPref));

Вставляем

addMenuOption('Add Overlay', Firebug.PixelPerfectModule.addOverlay, false);

Все теперь у нас появляется кнопочка «Add Overlay» в выпадающем спике «Pixel Perfect» на панели firebug.

Жаль что на плагин откровенно подзабили и он практически не обновляется.

[@Jere]

chrome.google.com/webstore/detail/dkaagdgjmgdmbnecmcefdhjekcoceebi?utm_source=chrome-ntp-icon

[@Methos]

Давно давным использовал вот эту простенькую программку Powermenu

100 Кб.

Умеет менять прозрачность окон, приоритет, всегда_сверху и в помещать трей.

[@8bitjoey]

мило. Я любил пользоваться s0m.narod.ru/iws.html, «хардкор» в некотором смысле.

[@Methos]

круть! для разработчика отлично.

[@kyrie]

Никогда не пытался добиться попиксельной точности верстки, но все равно может пригодится, спасибо!

[@SerDIDG]

Ага, особенно когда дизайнеры начинают использовать «магические» числа, или разные отступы.

[@SerDIDG]

Ага, когда размер шрифта указан не целым числом ) А ещё любят сжимать по длине часто в настройках Character )

[@leMar]

Скажи это дизайнерам.

[@PavlovM]

Два более «грубых» способа, которые иногда использую, зато без лишнего ПО.

1. Print Screen верстки, вставляем в макет новым слоем, ставим ему прозрачность 50%, совмещаем, смотрим где накосячили.

2. Тоже самое, только наоборот: сохраняем макет как jpg/png и вставляем с помощью служебного слоя с position: absolute; и opacity: 0.5 поверх верстки.

[@SerDIDG]

Первый часто использовал, работая на прошлой работе, их qa линейкой мерили отступы…

[@Norraxx]

Для таких целей есть multi-browser.com/en

[@t3kkitz]

Anvir Task Manager

Больше возможностей и намного удобней, работает со всеми окнами, бесплатен.
+ прозрачность
+ поверх всех окон
+ свернуть в трей

Для переключения между окнами использую VirtualWin.
Браузер + IDE \ Photoshop

[@Vorchun]

Недавно стал пользоваться browserlab.adobe.com/ Пока не постоянно, пробую

[@Alexufo]

Вы что про Pixel Perfect не слышали?
habrahabr.ru/post/142277/

[@Alexufo]

в хроме он по дефолту а по остальным парниша konfuze уже писал но не оценили)

habrahabr.ru/post/3019

[@Alexufo]

брр ссылка не та habrahabr.ru/post/30191/

[@bullgare]

chrome.google.com/webstore/detail/dkaagdgjmgdmbnecmcefdhjekcoceebi

[@DimkaPhantom]

Видимо велосипед пришел на ум не только вам! Мы в студии также верстку проверяем, даже написали специальный php-ник, чтобы постоянное HTML не править.

[@rodweb]

Только что в соседнем посте был jQuery-плагин

[@br3t]

+ утилитка в копилочку — Vitrite