Measure
Measure typographic line lengths right from the page
什麼是Measure?
Measure是由Rowan Cavanagh開發的Chrome擴展程式,該擴展的主要功能是“Measure typographic line lengths right from the page”。
擴展截圖
下載Measure擴展crx文件
下載Measure擴展crx格式的文件,手動將Chrome擴充功能安裝到瀏覽器中,也可以將crx文件分享給朋友,輕鬆安裝Chrome擴充功能。
擴展使用說明
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.
擴展基本資訊
名稱 | Measure |
ID | bbompmbliibpeaaloikpoahdokhjdmeg |
官方網址 | https://chromewebstore.google.com/detail/measure/bbompmbliibpeaaloikpoahdokhjdmeg |
簡介 | Measure typographic line lengths right from the page |
檔案大小 | 158 KB |
安裝次數 | 2,113 |
目前版本 | 1.0.2 |
更新時間 | 2017-04-16 |
上架時間 | 2017-04-16 |
評分 | 4.42/5 共 12 次評分 |
開發者 | Rowan Cavanagh |
電子郵箱 | [email protected] |
付費類型 | free |
支援的語言 | en-GB |
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" ] } |