Немного упрощаем жизнь 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