Screen-PPD

Hosted @ https://qasimk.io/screen-ppd/

Use a screen's size and resolution combined with your viewing distance (from your eyes to the screen) to calculate the Pixels Per Degree (PPD).

Development guide

Install requirements:

• (System) install node & npm.
• Install dependencies inside <project root> with npm install.

Development:

# Linting
$ npm run lint

# Hot-reloading development web-server
$ npm run start

# Dev build
$ npm run build:dev

Deployment (https://qasimk.github.io/screen-ppd/):

$ ./deploy.sh

All make commands are available in package.json.

Dependencies

• WebPack
  • [Various Extras]
• Standard for linting and auto-formatting
  • Snazzy to nicely format lint output

TODOs

• Remove jQuery dependency (it is not necessary any more)
• Fix link to PPI breaking when changing diagonal units
• Explain what PPD is
• Bandwidth requirement calculation
• Stretch: Permalinks
• Stretch: Database of Monitors

References

• https://google-webfonts-helper.herokuapp.com/fonts/open-sans?subsets=latin