Photon Redlines
Show UI Redlines for Bootstrap 3 pages by Photon
What is Photon Redlines?
Photon Redlines is a Chrome extension developed by Mohd. Sheriff, and its main feature is "Show UI Redlines for Bootstrap 3 pages by Photon".
Extension Screenshots
Download Photon Redlines Extension CRX File
Download Photon Redlines extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.
Extension Usage Instructions
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. Extension Basic Information
| Name |  Photon Redlines |
| ID | jecibojeknlmmaihekokjignljgapgek |
| Official URL | https://chrome.google.com/webstore/detail/photon-redlines/jecibojeknlmmaihekokjignljgapgek |
| Description | Show UI Redlines for Bootstrap 3 pages by Photon |
| File Size | 92.97 KB |
| Installation Count | 248 |
| Current Version | 1.1.0 |
| Last Updated | 2014-07-07 |
| Publish Date | 2014-07-07 |
| Rating | 5.00/5 Total 2 Ratings |
| Developer | Mohd. Sheriff |
| Payment Type | free |
| Supported Languages | 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"
]
}
]
} | |
