Live CSS Editor

Live preview of css change in devtools

Download

Stats

This extension was removed from Chrome Web Store on 2022-03-30

By: http://shinychang.net

Users: 513

Rating: 4.29 (7)

Version: 0.2.2 (Last updated: 2019-03-08)

Creation date: 2019-03-08

Risk impact: Low risk impact

Risk likelihood: High risk likelihood

Manifest version: 2

Permissions:

activeTab

Size: 730.11K

Email: co*****@shinychang.net

Stats date:

Other platforms

Not available on Firefox

Not available on Edge

Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.

Summary

Analyze keywords

Live preview of css change

Press F12 to enter dev mode
Switch tab to Elements
Switch sub-tab to Live LiveCSS
Start editing CSS in the editor
Enjoy the change

User reviews

Blackzone ID, 2018-05-03

This is great extension, simple and useful.

by A Google user, 2016-03-18

Works great! Today I have tried abotu 7 live css editing apps and this one is the most simple, integrated with Chrome tools so I can inspect elements, update my css. My recommendations are 2 things. 1. The option to save the live css changes as a file directly, with an option to hit save so saving would work like a quick back up (auto save type idea) 2. Sadly, the css editor window is limited in its height. I set chrome tools to open in its own window but still no matter how large my chrome tools window is the live css editor window it smaller. I have to scroll to see my css quite a bit. None the less, this is a great app and I can work with this quite a bit. Thanks!