Redline web pages
Rooler is a utility for automatically measuring on-screen graphics.
Not quite like every other measurement utility out there (though there are quite a few)- this one analyzes the graphics and automatically finds the edges. It's essentially an automatic ruler, for the web.
- Measures the bounds of graphics
- Measures the distance between graphics
- Allows ensuring correct positioning of elements, even in deeply nested element hierarchies.
It's quick and easy. Give it a shot.
You can also try Rooler in your browser at http://peteblois.github.io/rooler.js.
Latest reviews
- (2019-07-02) Володя-NRG: Лучший инструмент среди аналогов.
- (2019-02-22) how to use?
- (2019-02-07) 310iゆう: 色の差を判別して距離を測ってるようです。 手軽に素早く距離を測れてレイアウト確認がとても捗ります! 今まで苦労して小さい部分の距離を測るのに苦労していましたが、これなら一瞬です! ただ注意したいのが、色を判別して測っているので、 要素自体を判別しているわけではありません。 例えばあるボックスまでの距離を測りたい時に、 そのボックスに背景と同じ色のボーダーがあった場合、 そのボーダー分の距離は含まれません。 これはこれで便利ですが、このことは頭に入れておく必要があります。
- (2017-02-14) Kevin Busch: Toller Ansatz, Abstände zu messen! Hier werden nicht die Abstände anhand von Elementen gemessen, sondern anhand von Farben. So kann man auch leicht die Zwischenabstände von Buchstaben und Co. herausfinden
- (2016-02-17) Eduardo Clemens: Loved it
- (2013-02-26) Anton Yeroiev: Реально полезная штука) Как-то было, что-то подобное
- (2013-02-15) Andrii: Amazing! Good job!
- (2012-12-16) This takes one of the best features of Xscope & reasons for using for buying it & brings it into the browser. It is brilliant!
- (2012-12-12) Rob Belics: This is now my measuring tool. Different than the others but more accurate. Helps you avoid the problem of getting the measurement spot right at a border by finding an edge itself. The boundary tool finds the boundaries of images or boxes. Love this thing!
- (2012-07-09) Muru Roa: Excellent for measuring relative sizes, even those not directly set by css but implicitly set the browser. I like it!