абсолютные позиции CSS - плагин Firefox, чтобы сделать это быстрее?

Question

Я делаю всю свою работу css с firebug, используя клавиши со стрелками вверх и вниз для настройки значений top и left.

Любой, кто сталкивается с аддоном Firefox, который позволяет мне перетаскивать вещи вокруг, а затемскопировать и вставить верхнее и левое значения?

---

edit: я немного изменил вопрос с 'проще' на быстрее .Извините за путаницу, я не новичок, ищущий инструменты, которые помогут мне написать css, просто чтобы немного ускорить мое позиционирование!

Answer 1

Я использую аддон MeasureIt для Firefox, который дает вам линейку. Перетащите элемент туда, где вы хотите, в верхний левый угол экрана, и он даст вам абсолютную позицию. Возможно, вам придется настроить прокрутку, но это не должно быть слишком сложно.

Answer 2

Я выполняю измерения в Fireworks, Photoshop или любой другой программе для рисования (Photofiltre, Paint.NET и т. Д. Или The Gimp) на основе предоставленного мне шаблона. Не в браузере. И я, конечно, не использую абсолютное позиционирование для макета!

Тем не менее, вот некоторые инструменты, которые я нашел полезными:

• MeasureIt
• Pixel Perfect накладывает PNG поверх страницы
• существует множество плагинов для Firebug, их можно найти здесь: http://getfirebug.com/wiki/index.php/Firebug_Extensions. XRefresh и двойной экран, например. Firediff может соответствовать вашим потребностям

Answer 3

https://chrome.google.com/webstore/detail/hjpdnlklajjpbihamlcpllppegpekicg

Я сделал это, потому что согласен с этим вопросом. Это позволяет вам осмотреть и перетащить элемент. Ваши новые координаты, рассчитанные Firebug, будут обновлены после окончания перетаскивания.

Answer 4

Используйте dreamviewer, когда вы устанавливаете css на абсолютное значение, в режиме предварительного просмотра вы можете перетаскивать свой элемент туда, где вам угодно, два раза, и CSS генерируется автоматически с позициями вверху, слева, где вы поместили свой элемент