Комментарии 30
Спасибо, никогда б не думала, но ведь и правда удобно.
К сожалению, верстаем не только под Файрфокс.
НЛО прилетело и опубликовало эту надпись здесь
Ищем PixelPerfectPanel.js в
Ну или в похожем месте если не винда.
Открываем блокнотом
и после строк
Вставляем
Все теперь у нас появляется кнопочка «Add Overlay» в выпадающем спике «Pixel Perfect» на панели firebug.
Жаль что на плагин откровенно подзабили и он практически не обновляется.
%APPDATA%\Roaming\Mozilla\Firefox\Profiles\блабла.default\extensions\
pixelperfectplugin@openhouseconcepts.com\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.
Жаль что на плагин откровенно подзабили и он практически не обновляется.
мило. Я любил пользоваться s0m.narod.ru/iws.html, «хардкор» в некотором смысле.
Никогда не пытался добиться попиксельной точности верстки, но все равно может пригодится, спасибо!
Два более «грубых» способа, которые иногда использую, зато без лишнего ПО.
1. Print Screen верстки, вставляем в макет новым слоем, ставим ему прозрачность 50%, совмещаем, смотрим где накосячили.
2. Тоже самое, только наоборот: сохраняем макет как jpg/png и вставляем с помощью служебного слоя с position: absolute; и opacity: 0.5 поверх верстки.
1. Print Screen верстки, вставляем в макет новым слоем, ставим ему прозрачность 50%, совмещаем, смотрим где накосячили.
2. Тоже самое, только наоборот: сохраняем макет как jpg/png и вставляем с помощью служебного слоя с position: absolute; и opacity: 0.5 поверх верстки.
Для таких целей есть multi-browser.com/en
Anvir Task Manager
Больше возможностей и намного удобней, работает со всеми окнами, бесплатен.
+ прозрачность
+ поверх всех окон
+ свернуть в трей
Для переключения между окнами использую VirtualWin.
Браузер + IDE \ Photoshop
Больше возможностей и намного удобней, работает со всеми окнами, бесплатен.
+ прозрачность
+ поверх всех окон
+ свернуть в трей
Для переключения между окнами использую VirtualWin.
Браузер + IDE \ Photoshop
Недавно стал пользоваться browserlab.adobe.com/ Пока не постоянно, пробую
Вы что про Pixel Perfect не слышали?
habrahabr.ru/post/142277/
habrahabr.ru/post/142277/
НЛО прилетело и опубликовало эту надпись здесь
в хроме он по дефолту а по остальным парниша konfuze уже писал но не оценили)
habrahabr.ru/post/3019
habrahabr.ru/post/3019
брр ссылка не та habrahabr.ru/post/30191/
НЛО прилетело и опубликовало эту надпись здесь
Только что в соседнем посте был jQuery-плагин
+ утилитка в копилочку — Vitrite
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Немного упрощаем жизнь web-верстальщика в Windows