CSS TRIMMER
Item logo image for CSS TRIMMER

CSS TRIMMER

Featured
5.0(

6 ratings

)
Item media 1 screenshot

Overview

Creates a single line Style tag from Chrome's dev tools Styles menu

Quickly turns Dev Tools CSS Styles code to an inline style tag. For example, turn: display: block; height: 14em; resize: vertical; To: style='display: block; height: 14em; resize: vertical;' In a single click. How to use: 1- Copy any CSS code block from Chrome's Dev Tools Styles menu to the clipboard (CTRL+C). 2- Press the CSS icon in the extensions menu. 3- That's it, you're done, the inline style tag is auto copied to your clipboard (and also visible in the popup page). 4- You can modify the CSS code and press the 'ReTrim' button to create the style tag again, with your changes.

5 out of 56 ratings

Google doesn't verify reviews. Learn more about results and reviews.

Review's profile picture

Oded GertmanMar 22, 2019

Very simple and gets the job done if you need quick inline styles.

1 person found this review to be unhelpful
Review's profile picture

A Chrome Web Store userFeb 11, 2019

Nice and simple to use.

Review's profile picture

Ronnie GertmanApr 29, 2017

style tag in a click, as simple as it gets :)

Details

  • Version
    1.0
  • Updated
    April 20, 2017
  • Offered by
    Alon Adler
  • Size
    18.0KiB
  • Languages
    English
  • Developer
    Alon Adler
    Moshe Goshen 85 Kiryat Motzkin, Haifa 26313 Israel
    Email
    adleralon.dev@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

The developer has not provided any information about the collection or usage of your data.

Support

Related

Blink Style Importer

5.0(6)

Adding custom css styles on any page, with cloud synchronization for save short styles across devices

Dev Playground

5.0(2)

This extension serves various purposes for web developers and testers

DOM to JSON Selector

0.0(0)

The tool extracts element details for highlighted component of webpage DOM.

Dev Helpers

5.0(6)

Simple CSS/JS Helpers to inject code snippets into websites. Handy for developers who need to get around things temporarily.

LL Developer Tools

2.0(1)

WEB 开发者需要的一些辅助功能

Style Adjuster

1.0(1)

Adjust your CSS styles, without taking your eyes off the result.

ErrorsSpy

4.5(2)

Track console & network issues and download their report files.

DynamicCSSEditor

4.7(3)

Write CSS to any web page dynamically

Scripter debugger extension

5.0(2)

This extension debugs the scripter blocks and load proccess

DevTools Classes & Atributes panel

5.0(4)

Toggle classes and attributes

DOM to JSON Converter

5.0(1)

The tool extracts element details (name, url, id, depth, value, alt, src and href) from webpage DOM. Works for iframes, too!

DOM X-Ray

5.0(1)

See through the DOM to visually debug CSS positioning.

Blink Style Importer

5.0(6)

Adding custom css styles on any page, with cloud synchronization for save short styles across devices

Dev Playground

5.0(2)

This extension serves various purposes for web developers and testers

DOM to JSON Selector

0.0(0)

The tool extracts element details for highlighted component of webpage DOM.

Dev Helpers

5.0(6)

Simple CSS/JS Helpers to inject code snippets into websites. Handy for developers who need to get around things temporarily.

LL Developer Tools

2.0(1)

WEB 开发者需要的一些辅助功能

Style Adjuster

1.0(1)

Adjust your CSS styles, without taking your eyes off the result.

ErrorsSpy

4.5(2)

Track console & network issues and download their report files.

DynamicCSSEditor

4.7(3)

Write CSS to any web page dynamically

Google apps