Skip to content

Latest commit

 

History

History
24 lines (19 loc) · 1.5 KB

README.md

File metadata and controls

24 lines (19 loc) · 1.5 KB
Raw

Pixel aspect ratio helper for Zeplin

A bookmarklet to help working on Zeplin for displays with non square pixel aspect ratio.

Zeplin helps the collaborations between designers and developers but – at now – it doesn’t support non square pixel aspect ratio (PAR) used often on industrial screens. If you need to read horizontal measures distorted by a specific pixel aspect ratio you can use this bookmarklet.

size distances

How to:

  1. Identify the pixel pitch of destination display;
  2. copy this piece of JavaScript in a text editor (this is ready for a pixel aspect ratio of 0.93) and set the variables pixePithH and pixePithV
javascript:(function(){
	pixePithH=0.1926;
	pixePithV=0.1790;
	document.body.appendChild(document.createElement('script')).src='https://teoteo.github.io/pixelAspectRatio4Zeplin/zeplinpar.js';
})();
  1. add the bookmarklet creating a bookmar using the modified JavaScript as address;
  2. open your Zeplin screen or component and click on the bookmarklet to activare it.

Thanks to @andretti1977 for his help