Skip to content

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

License

Notifications You must be signed in to change notification settings

teoteo/pixelAspectRatio4Zeplin

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

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

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published