When it comes from the realization of demand
For a perfect looking of a digital product, the technology professionals spend much time to work with pixel. A typical workflow could be characterized by:
- Take screenshot, open it in an image editing software.
- Measure and configure image via an integration tool.
The sense of proportion is not precise and also take much time that leads the developers and digtal designers to have a digital ruler measuring any objects on screen. Pixel Ruler is an on screen ruler shows its role: align precisely, refine workflow, reduce redundant, save time.
Pixel Ruler UI
Not an on-shelf ruler, Pixel Ruler is a digital application which aiming at creators to measure elements for front-end development, web design, graphic design or any task you may need.
![](https://resources.stdio.vn/content/article/6065ec2ba9bee7525121e884/resources/res-1638762348-1638762348484.png)
Core Features of Pixel Ruler
The visible projection line
![](https://resources.stdio.vn/content/article/6065ec2ba9bee7525121e884/resources/res-1638762690-1638762690898.png)
Partial measurement
Using left click (or space bar) to mark and measure your selection partially.
![](https://resources.stdio.vn/content/article/6065ec2ba9bee7525121e884/resources/res-1638763054-1638763054386.png)
Rotating ruler in different views
Switch between the horizontal and vertical views by:
- Click the Rotate symbol, or
- Using key
R
.
![](https://resources.stdio.vn/content/article/6065ec2ba9bee7525121e884/resources/res-1638849934-1638849934336.png)
Resize ruler length
Lengthen or shorten the ruler by:
- Click key
-
to shorten / key+
to lengthen, or - Using key
S
/L
for same action.
![](https://resources.stdio.vn/content/article/6065ec2ba9bee7525121e884/resources/res-1638763294-1638763294572.png)
Locking moves
To prevent accidental clicks by:
- Click the Navigation symbol to lock/unlock moves, or
- Press key
M
for same action.
![](https://resources.stdio.vn/content/article/6065ec2ba9bee7525121e884/resources/res-1638765310-1638765310264.png)
Three units of measurement
![](https://resources.stdio.vn/content/article/6065ec2ba9bee7525121e884/resources/res-1638764693-1638764693720.png)
Moving the Zero point
Click on the Circle symbol to relocate the Zero point to left / right / center.
![](https://resources.stdio.vn/content/article/6065ec2ba9bee7525121e884/resources/res-1638765089-1638765089316.png)
Personalization
Transparency
![](https://resources.stdio.vn/content/article/6065ec2ba9bee7525121e884/resources/res-1638765237-1638765237435.png)
Theme
Switch light or dark theme for clearly observation by clicking the Painting Tray symbol.
![](https://resources.stdio.vn/content/article/6065ec2ba9bee7525121e884/resources/res-1638766000-1638766000472.png)
Always on Top
To keep Pixel Ruler floating over the desktop by "Always on Top".
![](https://resources.stdio.vn/content/article/6065ec2ba9bee7525121e884/resources/res-1638765849-1638765849965.png)
Hotkey
Beside the features are active by pressing the button, you can use the hotkeys for quick work:
HOTKEY | ABBREVIATION | FEATURE |
---|---|---|
S |
Shorter | Shorten the ruler |
L |
Longer | Lengthen the ruler |
R |
Rotating | Show ruler in vertical or horizontal view |
M |
Moving | Lock / unlock moves |
T |
Top mode | Keep ruler "Always on Top" |
CTRL / ALT with keyboard arrow |
Pixel Moving | Move ruler by every single pixel |
Pixel Ruler is available on Microsoft Store, click here to download.