Item logo image for Css Battle Toolbox

Css Battle Toolbox

5.0(

3 ratings

)
Item media 3 (screenshot) for Css Battle Toolbox
Item media 1 (screenshot) for Css Battle Toolbox
Item media 2 (screenshot) for Css Battle Toolbox
Item media 3 (screenshot) for Css Battle Toolbox
Item media 1 (screenshot) for Css Battle Toolbox
Item media 1 (screenshot) for Css Battle Toolbox
Item media 2 (screenshot) for Css Battle Toolbox
Item media 3 (screenshot) for Css Battle Toolbox

Overview

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

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 - Display the top 10 leaderboard and your rank below 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 - A tool to see DOM node just inside your code output - 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

Details

  • Version
    1.2.4
  • Updated
    May 2, 2026
  • Size
    303KiB
  • Languages
    English
  • Developer
    Email
    evan.liomain@gmail.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

Manage extensions and learn how they're being used in your organization

Css Battle Toolbox has disclosed the following information regarding the collection and usage of your data. More detailed information can be found in the developer's privacy policy.

Css Battle Toolbox handles the following:

Website content

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Support

For help with questions, suggestions, or problems, visit the developer's support site

Related

Capo: get your ๏นค๐š‘๐šŽ๐šŠ๐š๏นฅ in order

4.8

Visualize the optimal ordering of ๏นค๐š‘๐šŽ๐šŠ๐š๏นฅ elements on any web page

JSON Alexander

5.0

Believe it or not, George formats JSON

Web Maker

4.8

Blazing fast & offline playground for your web experiments

Refined GitHub

4.8

Simplifies the GitHub interface and adds useful features

Insighter Debugger - GTM, GA4, Meta Pixel, Google Ads & TikTok

5.0

Debug GTM, GA4, Google Ads, Meta & TikTok pixels. DataLayer viewer, consent mode checker, cookie manager + 200+ tech detection.

VisBug

4.8

Open source browser design tools

Screen Ruler - Measure and Inspect the Web

4.4

Web inspector for designers & developers. Measure elements, extract CSS & colors, capture screenshots & more.

FF: Fuzzy finder for Chrome tabs and windows

5.0

Fuzzy Finder for Chrome omnibox. Type 'ff' in your address bar and search for your tabs.

Page Ruler

3.2

Page Ruler: Drag guidelines and inspect element properties for perfect UI practice in browser.

z-context

3.5

A Chrome DevTools Extension that displays stacking contexts and z-index values in the elements panel

Testing Library Recorder

5.0

Testing Library Extension for Chrome DevTools Recorder

Inspect CSS

4.8

The easiest way to inspect and edit CSS

Capo: get your ๏นค๐š‘๐šŽ๐šŠ๐š๏นฅ in order

4.8

Visualize the optimal ordering of ๏นค๐š‘๐šŽ๐šŠ๐š๏นฅ elements on any web page

JSON Alexander

5.0

Believe it or not, George formats JSON

Web Maker

4.8

Blazing fast & offline playground for your web experiments

Refined GitHub

4.8

Simplifies the GitHub interface and adds useful features

Insighter Debugger - GTM, GA4, Meta Pixel, Google Ads & TikTok

5.0

Debug GTM, GA4, Google Ads, Meta & TikTok pixels. DataLayer viewer, consent mode checker, cookie manager + 200+ tech detection.

VisBug

4.8

Open source browser design tools

Screen Ruler - Measure and Inspect the Web

4.4

Web inspector for designers & developers. Measure elements, extract CSS & colors, capture screenshots & more.

FF: Fuzzy finder for Chrome tabs and windows

5.0

Fuzzy Finder for Chrome omnibox. Type 'ff' in your address bar and search for your tabs.

Google apps