Live editor for CSS, Less & Sass - Magic CSS oleh webextensions.org

4.6 Stars out of 5

Ulasan oleh Pengguna Firefox 14475097

by Pengguna Firefox 14475097, 6 tahun yang lepas

Super efficient live editor !
I believe that an external window would be specially useful for Responsive design.
Changing the blue color to a more neutral dark-grey (#555 or so) could be good also to avoid style disturbing. A bit of material design wouldn't harm it either, while less important.
In fact to be ideal, you should offer a Light/Dark theme switcher where the whole layout would be White or dark, without borders, but a neat shadow ;-)

Thanks already for your work.
If you'd appreciate help for the UI CSS, ask me and I'll answer you with pleasure.

Respons pembangun

posted 6 tahun yang lepas

Glad that you like it :-)

Possible features/changes are listed in the page at https://github.com/webextensions/live-css-editor/blob/master/TODO.md

External window:
Implementing that would be a bigger change. There is an existing workaround which can solve the use-case of editing in responsive design view to an ok-enough level. You can use the feature "Watch CSS files to apply changes automatically" and follow the instructions there to set it up. After that, open your file in any code editor and edit it. You changes would reflect immediately.

Providing light/dark theme:
That may need an alternative copy of the icons and the UI for it. Since that is extra effort, I'm currently lazy about it ;-)

Changing the background color to neutral dark-gray with appropriate shadow:
That can be done.

I've added your suggestions in the TODO file mentioned above, but may not be taking them up soon due to other listed priority tasks or time constraints. PRs are welcome :-)

43 reviews

Tahap 5 daripada 5
by JD, 6 bulan yang lepas
Tahap 5 daripada 5
by ROVbeard, setahun yang lepas
Tahap 4 daripada 5
by ÐarkbloøM, setahun yang lepas
Very, very cool and useful extension. I'll get the remaining star when we get SASS support like on the Chrome version.
Tahap 5 daripada 5
by SPJ, setahun yang lepas
Tahap 5 daripada 5
by Ty, 2 tahun yang lepas
Cool, little CSS editor with some basic but super useful functionality!
Tahap 5 daripada 5
by Pengguna Firefox 14033823, 2 tahun yang lepas
Exactly what I need. Thanks much.
Tahap 5 daripada 5
by Farshad, 2 tahun yang lepas
Life savior
Tahap 4 daripada 5
by Cirnos, 3 tahun yang lepas
Doesn't work well for some text colors
Tahap 5 daripada 5
by 2bebo, 3 tahun yang lepas
Tahap 3 daripada 5
by DVD, 3 tahun yang lepas
Tahap 5 daripada 5
by Pengguna Firefox 14261495, 3 tahun yang lepas
As someone who has problems with CSS, this add-on makes defining CSS a breeze. Great tool!
Tahap 5 daripada 5
by Dark_, 3 tahun yang lepas
Tahap 5 daripada 5
by wordpure, 3 tahun yang lepas
Tahap 5 daripada 5
by Grigory Latyshev, 3 tahun yang lepas
Tahap 5 daripada 5
by bito, 4 tahun yang lepas
Tahap 5 daripada 5
by Pengguna Firefox 14445043, 4 tahun yang lepas
Tahap 5 daripada 5
by doinglines, 4 tahun yang lepas
Tahap 5 daripada 5
by Moises Gorisch Bueno, 5 tahun yang lepas
Extremamente útil para mim, instalo em todos computadores do meu acesso.
Tahap 5 daripada 5
by cregox, 5 tahun yang lepas
boy, was it hard to find an extension able to do such a simple textarea trick to resize its size so i could print the full form to pdf on android! thanks for this wonderful extension!!
Tahap 3 daripada 5
by gcyrillus, 5 tahun yang lepas
I was a user of EditCSS, which was attached on the side of the window This is what i miss the most here.
(i dislike the popup that can be moved and its opacity) A neat side bar is fine.

It would allow to add/edit styles without loading every style sheet from the page opened. That was a great and simple tool saving time , you could load or save a local file.

I used it to create my style sheet and could open/save them locally and see right away the result. No need to run a whole editing program I wish we would have these basic options too . i find myself using mostly jsbin or codepen editors for those purpose instead while editing live a page for debugging i use the webtools from the browsers . Searching again to see if anything alike EditCSS came up, i found this addon and realized it was already installed . A light version able to open/save local style sheet would be great (Also not running a server - light and simple should be plenty efficient ;) ).

Thanks for reading.
Tahap 5 daripada 5
by Roman2K, 5 tahun yang lepas
Tahap 5 daripada 5
by Pengguna Firefox 15327288, 6 tahun yang lepas
Tahap 2 daripada 5
by Raf, 6 tahun yang lepas
Отсутствует кнопка закрепления. При повторном открытии поисковика приходится активировать снова.
There is no pin button. When you re-open the search engine you have to activate again.
Tahap 3 daripada 5
by Pengguna Firefox 14783576, 6 tahun yang lepas
I wish it'd permanently save the changes. The fact that I have to open the addon from the icon every time is annoying. Would this be possible to fix?
Tahap 5 daripada 5
by Alex99Pilot, 6 tahun yang lepas