Measure typographic line lengths right from the page
Measure Extension
The \"measure\" is the width of a body of type. This little tool helps you find it with a simple click in the toolbar and highlight of a line of text.
WHY WOULD I DO THAT?
The length of a line of type impacts how readable it is. Generally, a good measure is between 45–80 characters per line.
FOR DESIGNERS, FOR DEVELOPERS
Designing legible content requires a lot of attention, across the huge range of device types and screen sizes. A good measure on a desktop monitor might be 80 characters, but on smaller screens or multiple columns might be 45 characters. Although this could all go out the window depending on the colours or typeface used. So do remember to apply your own discretion, too!
Measure makes it easy to be more precise when creating for the web.
Read more
WHY WOULD I DO THAT?
The length of a line of type impacts how readable it is. Generally, a good measure is between 45–80 characters per line.
FOR DESIGNERS, FOR DEVELOPERS
Designing legible content requires a lot of attention, across the huge range of device types and screen sizes. A good measure on a desktop monitor might be 80 characters, but on smaller screens or multiple columns might be 45 characters. Although this could all go out the window depending on the colours or typeface used. So do remember to apply your own discretion, too!
Measure makes it easy to be more precise when creating for the web.
Source Manifest.json
{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 2, "name": "Measure", "description": "Measure typographic line lengths right from the page", "version": "1.0.2", "author" : "Rowan Cavanagh", "icons": { "16": "icons/icon16.png", "48": "icons/icon48.png", "128": "icons/icon128.png" }, "browser_action": { "default_icon": { "16": "icons/icon16.png", "19": "icons/icon19.png", "32": "icons/icon32.png", "38": "icons/icon38.png" }, "default_title": "Measure" }, "background": { "scripts": ["background.js"], "persistent": false }, "permissions": [ "activeTab" ]}
Read more