Photon Redlines
Show UI Redlines for Bootstrap 3 pages by Photon
Photon Redlinesとは何ですか？
Photon RedlinesはMohd. Sheriffによって開発されたChromeの拡張機能で、その主な機能は「Show UI Redlines for Bootstrap 3 pages by Photon」です。
拡張機能のスクリーンショット
Photon Redlines拡張機能のCRXファイルをダウンロード
Photon Redlines拡張子のファイルをcrx形式でダウンロードし、ブラウザにChrome拡張機能を手動でインストールするか、crxファイルを友達と共有して簡単にChrome拡張機能をインストールします。
拡張機能の使用方法
Toggle view of grid-lines and add-guidelines for Bootstrap 3 pages. Open any page with Bootstrap 3 included and click Photon Redlines to show the grid and add guidelines.
+ To add guidelines, click and drag horizontally or vertically and you will see the guideline appearing. Release drag to place them comfortable.
+ To calculate distance values between two guidelines, place the first guideline and drag the second in the same direction.
+ Once you place the second guideline, its distance (horizontally or vertically, in pixels) will be added.
+ Double click to clear all guidelines and distance values.
+ Click Photon Redlines again to hide the grid-lines and guide-lines. 拡張機能の基本情報
| 名前 |  Photon Redlines |
| ID | jecibojeknlmmaihekokjignljgapgek |
| 公式URL | https://chrome.google.com/webstore/detail/photon-redlines/jecibojeknlmmaihekokjignljgapgek |
| 説明 | Show UI Redlines for Bootstrap 3 pages by Photon |
| ファイルサイズ | 92.97 KB |
| インストール数 | 248 |
| 現在のバージョン | 1.1.0 |
| 最終更新日 | 2014-07-07 |
| 公開日 | 2014-07-07 |
| 評価 | 5.00/5 合計 2 レビュー |
| 開発者 | Mohd. Sheriff |
| 支払い方法 | free |
| 対応言語 | en |
| manifest.json | |
{
"update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
"name": "Photon Redlines",
"description": "Show UI Redlines for Bootstrap 3 pages by Photon",
"version": "1.1.0",
"manifest_version": 2,
"icons": {
"16": "icons\/16x16.png",
"48": "icons\/48x48.png",
"128": "icons\/128x128.png"
},
"permissions": [
"tabs"
],
"browser_action": {
"default_icon": {
"19": "icons\/19x19.png",
"38": "icons\/38x38.png"
},
"default_title": "Show UI Redlines by Photon"
},
"background": {
"scripts": [
"js\/background.js"
],
"persistent": false
},
"content_scripts": [
{
"matches": [
"http:\/\/*\/*",
"https:\/\/*\/*"
],
"css": [
"css\/redlines.css"
],
"js": [
"js\/jquery.js",
"js\/content.js"
]
}
]
} | |
