To use these add-ons, you'll need to download Firefox.

Log in
Add-on icon

Reviews for Live editor for CSS, Less & Sass - Magic CSS

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

4.6 Stars out of 5
5
36
4
2
3
3
2
1
1
2
36 reviews
  • by William Guesser, 7 years ago
    Great! Save my job! lol hahaha
    Thank you Dev!!!

    Developer response

    posted 7 years ago
    Glad that you like it :-)
  • by Firefox user 13660485, 7 years ago
    Wonderful extension ! Makes me save a lot of time !
    Is there a way to show it in a separated window ?

    Developer response

    posted 7 years ago
    :-)

    That feature is not there yet. Mainly because there was no strong use case for that. Do you have any scenario where the current floating editor doesn't work well and you think a separate window would suit better ? Can those scenarios be fixed in the current floating editor ?

    Kindly describe the issue/request at https://github.com/webextensions/live-css-editor by creating an issue there :-)
  • by Firefox user 13619303, 7 years ago
  • by Firefox user 13595194, 7 years ago
    Great extension. One question though. Can you make it so that the css you've written automatically get applied when you reload the page? This way you dont have to open the extension all the time. I intended to use this as a way to style pages online but I cannot find this feature.

    Developer response

    posted 7 years ago
    EDIT: This has been fixed and already available on Chrome version of this extension. I'll verify the changes for Firefox as well and publish it here soon.

    Glad that you like it :-)

    When the extension was created, the reason for not applying the CSS automatically was security concerns. The reason is explained at https://github.com/webextensions/live-css-editor/issues/2

    It appears that what you are asking would be possible to do (with dynamic permissions API). I have added that as a TODO task at https://github.com/webextensions/live-css-editor/blob/master/TODO.md#improvements

    Though it might take some time before I look into it.
  • by Firefox user 12256057, 7 years ago
  • by Firefox user 12692951, 7 years ago
    about (1- Fixed. The shortcut is Alt + Shift + S which works only when Magic CSS window is visible.)
    I'm sorry if I annoy you with my problems, this addon is perfect and really deserve 10 stars but only have this one problem with shortcut Alt + Shift + S, Alt = mapped to menu bar, alt + s = mapped to menu bar -> history -> show all history, and Alt + Shift = change my keyboard language because I use two language n my keyboard , and EVEN if Magic CSS window is visible this didn't work for me and all the time I see menu bar -> history -> show all history. so to fix this you should use unused shortcut like Shift + S which works only when Magic CSS window is visible or any other unused shortcut.
    the new version totally awesome and work like charm :) thank you for this great work ❤❤
    ......
    I hope you see this edit
    this website not allowed reply or discussion, only the addon Dev can respond so I edited my review.
    (One question: Is the Alt + Shift shortcut to change language a native/default shortcut, or you have set it manually ? And which OS?)
    - Yes, the Alt + Shift shortcut to change language is native/default shortcut in all windows systems, I use windows 10.
    (I have set Alt + Shift + C as the shortcut to start Magic CSS. I believe that must also be conflicting for you.)
    - Didn't see any problem with Alt + Shift + C, and no conflict with shortcut to change language, but the problem is Alt + Shift + S (alt + s = mapped to menu bar -> history -> show all history) every time I press Alt + Shift + S the alt + s work instead of Alt + Shift + S but rarely see my keyboard language changed so if the problem with (alt + s) solved all the other will be solved too.

    Developer response

    posted 7 years ago
    Thanks for the updated review :-)

    One question: Is the Alt + Shift shortcut to change language a native/default shortcut, or you have set it manually ? And which OS ? I'm asking this because by default, I have set Alt + Shift + C as the shortcut to start Magic CSS. I believe that must also be conflicting for you.

    I'll try to find some other shortcut key which is not commonly used for any other feature. I'll update here once I implement and deploy.

    ......
    Update:
    Thanks for the response. Point noted. For proper discussion regarding this or anything else, you may head to https://github.com/webextensions/live-css-editor and create an issue there :-)
  • by Firefox user 12207826, 7 years ago
    Really nice page editor. Would be great if you could add beginner instructions or basic codes for people who don't code.

    Developer response

    posted 7 years ago
    Beginner instructions/basic codes would be a good-to-have feature, but it would be out of scope for the extension in its current form.
  • by Jesse, 8 years ago
  • by miko007, 8 years ago
    Very useful ! :)
  • by bluemoon, 8 years ago
    Just a click away to pick page elements and auto complete feature is very useful too.
  • by Fred Thompson, 8 years ago
    EN-US Win8.1 x64 FF 54.0 x32, installed just fine. Works great.