Item logo image for Css Battle Toolbox

Css Battle Toolbox

5.0(

1 rating

)
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.0
  • Updated
    October 31, 2025
  • Size
    448KiB
  • 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

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

Web Maker

4.8

Blazing fast & offline playground for your web experiments

Refined GitHub

4.8

Simplifies the GitHub interface and adds useful features

Stylebot

4.3

Change the appearance of the web instantly

CSS Viewer for Google Chrome™

4.1

FREE! Quick and simple CSS property viewer.

MobX Developer Tools

3.2

Dev-tools for MobX and React

Screen Ruler - Measure The Web

4.6

Measure sizes, distances, margins and paddings of any element on any web page.

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.

Brelly: Save money, support creators

5.0

Save money and support your favorite creators.

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

Web Maker

4.8

Blazing fast & offline playground for your web experiments

Refined GitHub

4.8

Simplifies the GitHub interface and adds useful features

Stylebot

4.3

Change the appearance of the web instantly

CSS Viewer for Google Chrome™

4.1

FREE! Quick and simple CSS property viewer.

MobX Developer Tools

3.2

Dev-tools for MobX and React

Screen Ruler - Measure The Web

4.6

Measure sizes, distances, margins and paddings of any element on any web page.

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