Make Upfront theme development easier by displaying element and region outlines/borders.

Latest Version

Version
1.2
Update
March 21, 2016
Size
60.91KiB
Developer
Category
Users
1
Rating
5 ★
Manifest Version
2
Web Store Status
Languages Support
English
See more
Permissions
ActiveTab
Storage
See more

upfront x-ray Extension

A Chrome Extension for Upfront theme development that allows you to toggle a darkened background with highlighted element, group, & region borders.

This is for the Upfront WordPressTheme by WPMU DEV.

FAQ

Why can't I toggle the extension on?

This happens if you install the extension while you have the Upfront editor loaded. Refresh your page. (don't forget to save your edits first)
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx",\t"name": "upfront x-ray",\t"version": "1.2",\t"manifest_version": 2,\t"description": "Make Upfront theme development easier by displaying element and region outlines/borders.",\t"homepage_url": "http://github.com/josephfusco/upfront-x-ray",\t"permissions": [\t\t"activeTab",\t\t"storage"\t],\t"background": {\t\t"scripts": ["extensionEvents.js"],\t\t"persistent": false\t},\t"content_scripts": [{\t\t"matches": [""],\t\t"js": ["tab.js"],\t\t"run_at": "document_start"\t}],\t"web_accessible_resources": [\t\t"style.css"\t],\t"icons": {\t\t"16": "icons/icon-16-off.png",\t\t"48": "icons/icon-48-on.png",\t\t"128": "icons/icon-128-on.png"\t},\t"browser_action": {\t\t"default_title": "toggle upfront x-ray",\t\t"default_icon": "icons/icon-16-off.png"\t}}
Read more

Similar Extensions

icon

Screen Dimmer Extension · Accessibility 1 9 ★ 863KiB

icon

UI Inspector - Live Style Editor Extension · Developer Tools 1 2 ★ 90.41KiB

icon

Poe.com Resizer Extension · Productivity 1 9 ★ 17.94KiB

icon

Custom CSS by Denis Extension · Productivity 1 46 ★ 162KiB

icon

Night Assistant Extension · Productivity 1 12 ★ 190KiB

icon

Overleaf Dark Pro Extension · Productivity 1 1 ★ 694KiB

icon

Patreon Color Themes Extension · Accessibility 1 4 ★ 28.74KiB

icon

Shopify Toolbox Extension · Developer Tools 1 10 ★ 38.13KiB

icon

Themes+ Extension · Productivity 1 12 ★ 16.61MiB

icon

HTML5 Outliner Extension · Productivity 1 262 ★ 25.23KiB

icon

IsWordPress - WordPress theme plugin detector Extension · Developer Tools 1 8 ★ 213KiB

icon

Udemy Dark Theme Extension · Accessibility 1 4 ★ 35.78KiB

icon

Show All Padding & Margins Extension · Developer Tools 1 1 ★ 23.17KiB

icon

Dark Mode - Dark Reader for Chrome Extension · Accessibility 1 46 ★ 399KiB

icon

Night Theme for Web Extension · Productivity 1 5 ★ 58.96KiB

icon

Inspect Element Extension · Developer Tools 1 30 ★ 162KiB

icon

Liquify - Shopify Code Search & Editor Extension · Developer Tools 1 27 ★ 62.93KiB

icon

Custom Galaxy Style Extension · Photos 1 0 ★ 38.84MiB

icon

New Reddit Auto Dark Mode Extension · Productivity 1 4 ★ 63.55KiB

icon

Material DevTools Theme Collection Extension · Developer Tools 1 73 ★ 198KiB

icon

Best Shopify Theme Detector Extension · Developer Tools 1 7 ★ 1.07MiB

icon

Canvas Themeinator Extension · Productivity 1 4 ★ 25.61KiB

icon

Layout Inspector Extension · Developer Tools 1 3 ★ 16.58KiB

icon

DarkLume - Dark mode for websites Extension · Productivity 1 1 ★ 52.95KiB

User reviews

icon

Milan Savaliya (ID: 00000027217233a8) Voted 5 ★ - Updated 03/21/2016 Awesome. :)

icon

Predrag Dubajić (ID: 00000098c7a85ed8) Voted 5 ★ - Updated 03/21/2016 This is awesome!