A set of tools for Css Battle, directly in the battle interface.

Latest Version

Version

1.0.4

Update

December 8, 2024

Size

206KiB

Developer

Css Battle Toolbox Extension

Css Battle Toolbox bring you several handfull tools to rock your developer experience in CSS Battle :
- Minify your code
- Prettify your code
- Display a grid on your code output
- Display the target on your code output
- Display your html tags outline/background on your code output
- A tool to find shorter css unit
- A tool to find shorter css color in hexa
- A tool to increase/decrease numbers in editor with keyboard shortcut, even with a multi-selection
- Print, on the fly, the number of characters your code should be once minified
- Replace default skeleton by a shorter and more helpfull one.
- You can hide any almost any part of the interface, including tools bring with this extension.
- You can invert color of the difference tool
- You can configure your default code template for new battle and daily target

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "version": "1.0.4", "name": "Css Battle Toolbox", "description": "A set of tools for Css Battle, directly in the battle interface.", "icons": { "16": "images/favicon/favicon-16x16.png", "32": "images/favicon/favicon-32x32.png", "48": "images/favicon/mstile-70x70.png", "128": "images/favicon/mstile-144x144.png" }, "action": { "default_popup": "index.html" }, "options_ui": { "page": "src/options.html", "open_in_tab": true }, "permissions": [ "storage" ], "content_scripts": [ { "js": [ "assets/unit-tools.js-loader-D8daFqnh.js", "assets/color-tools.js-loader-DHV7vXG0.js", "assets/editor-buttons.js-loader-BSEu1tmf.js", "assets/reset-tools.js-loader-Bm0FltGa.js", "assets/score-tools.js-loader-BW7gmmuu.js", "assets/output-tools.js-loader-CDvugSfh.js", "assets/autoclose-tools.js-loader-BVsPFEHC.js", "assets/character-tools.js-loader-DsPT_dqY.js", "assets/options-effect.js-loader-C2pWZXwa.js", "assets/incrementor-tools.js-loader-PuflDg5u.js", "assets/mode-menu.js-loader-CSJOetYh.js" ], "matches": [ "https://cssbattle.dev/play/*" ], "css": [ "assets/color-tools-DF_GV9ka.css", "assets/output-tools-DrGHHDT8.css", "assets/options-effect-DQrKjXGa.css", "assets/incrementor-tools-Bq_f0tJJ.css", "assets/mode-menu-G_tzSvEK.css" ] }, { "js": [ "assets/dowload-tools.js-loader-CaQ05h5j.js" ], "matches": [ "https://cssbattle.dev/daily" ] } ], "web_accessible_resources": [ { "matches": [ "https://cssbattle.dev/*" ], "resources": [ "assets/do-async-SDXCnp-V.js", "assets/html-to-element-BHuk73mm.js", "assets/unit-tools.js-l-DwXtZh.js", "assets/color-tools.js-BdO6Vd2_.js", "assets/change-code-C756MIzL.js", "assets/minify-D0YwnRie.js", "assets/prettify-DHUzyS71.js", "assets/editor-buttons.js-DNyq0rZ_.js", "assets/reset-tools.js-C67awEqC.js", "assets/score-tools.js-C0UCjUrx.js", "assets/output-tools.js-BI4iNRkG.js", "assets/autoclose-tools.js-D71dHLVl.js", "assets/character-tools.js-D0J8hqib.js", "assets/options-effect.js-ChXEtbvI.js", "assets/incrementor-tools.js-BA8y5yLJ.js", "assets/mode-menu.js-C-AZ2ccJ.js", "assets/dowload-tools.js-DrzDvoNi.js" ], "use_dynamic_url": false } ]}

Download CRX(206KiB)