All geek questions in one place

Absolute css positions - firefox plugin to make it faster?

I do all my css work with firebug, using the up and down arrow keys to adjust the top and left values.

Does anyone come across a firefox addon that allows me to drag and drop things and then copy and paste the top and left values?

edit: I changed the question a bit from "easier" to faster . Sorry for any confusion, I'm not a beginner looking for tools to help me write css just to speed up my positioning a bit!

+4
source share
4 answers

I use the MeasureIt addon for Firefox, which gives you a lineup. Drag to where you want the item to be in the upper left corner of the screen, and this will give you an absolute position. You may need to tweak the scroll, but this should not be too complicated.

+1
source

I do part of the measurement in Fireworks, Photoshop or any paint program (Photofiltre, Paint.NET etc. or Gimp) based on the template that gave me. Not in the browser. And of course, I do not use absolute positioning for the layout!

So, here are some tools that I found useful:

+1
source

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

I did this because I agree with this question. This allows you to check and drag an item. Your new coordinates calculated by Firebug will be updated when the drag is completed.

0
source

Use dreamviewer when you set css to absolute mode, in preview mode you can drag an element wherever you are, and CSS is automatically generated with the top positions on the left where you placed your element

-1
source

Source: https://habr.com/ru/post/1314716/

More articles:


All Articles