https://github.com/robflaherty/mobile-readability-tester
Simple tool to test readability quality for small screens
https://github.com/robflaherty/mobile-readability-tester
Last synced: 6 months ago
JSON representation
Simple tool to test readability quality for small screens
- Host: GitHub
- URL: https://github.com/robflaherty/mobile-readability-tester
- Owner: robflaherty
- Created: 2012-03-04T03:27:49.000Z (over 14 years ago)
- Default Branch: master
- Last Pushed: 2012-03-30T02:59:42.000Z (over 14 years ago)
- Last Synced: 2025-01-28T02:43:13.054Z (over 1 year ago)
- Homepage:
- Size: 127 KB
- Stars: 21
- Watchers: 3
- Forks: 6
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
# Mobile Readability Tester
Load this page on your mobile or tablet device and fiddle with the knobs to adjust the information density and find optimal readability settings. Font family, font size, and container padding are adjustable. Line-height and paragraph bottom margin are both set to 1.5 to enforce a baseline grid.
The pixel height of the content area is displayed, as is the number of "pages" or screens on an iPhone that must be scrolled to view the entire content. (Assuming portrait mode and factoring out the URL bar, the visible viewport is 416px tall. So the pages calculation is just height/416.)
## Standalone Test Page
[View Test Page](http://robflaherty.github.com/mobile-readability-tester/)
## Bookmarklet
You can also insert the test controls into your own page via a bookmarklet. This is still a bit rough/experimental but it sort of works.
[Bookmarklet Page](http://robflaherty.github.com/mobile-readability-tester/bookmarklet/index.html)
## Plugin
If you'd like to embed the testing controls within your own project [buzzedword](https://github.com/buzzedword) has written a [jQuery Plugin](https://github.com/buzzedword/mobile-readability-tester) fork.
## License
WTFPL