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

Qqen
Tignit n uzegrir

Iceggiren i Live editor for CSS, Less & Sass - Magic CSS

Live editor for CSS, Less & Sass - Magic CSS sγur webextensions.org

4,6 n yitran ɣef 5
5
35
4
2
3
3
2
1
1
2
35 n yiceggiren
  • sɣur JD, 6 bulan yang lepas
  • sɣur ROVbeard, setahun yang lepas
  • sɣur SPJ, setahun yang lepas
  • sɣur Ty, 2 tahun yang lepas
    Cool, little CSS editor with some basic but super useful functionality!
  • sɣur Aseqdac Firefox 14033823, 2 tahun yang lepas
    Exactly what I need. Thanks much.
  • sɣur Farshad, 2 tahun yang lepas
    Life savior
  • sɣur 2bebo, 3 tahun yang lepas
  • sɣur Aseqdac Firefox 14261495, 3 tahun yang lepas
    As someone who has problems with CSS, this add-on makes defining CSS a breeze. Great tool!
  • sɣur Dark_, 3 tahun yang lepas
  • sɣur wordpure, 3 tahun yang lepas
  • sɣur Grigory Latyshev, 3 tahun yang lepas
  • sɣur bito, 4 tahun yang lepas
  • sɣur Aseqdac Firefox 14445043, 4 tahun yang lepas
  • sɣur doinglines, 4 tahun yang lepas
  • sɣur Moises Gorisch Bueno, 5 tahun yang lepas
    Extremamente útil para mim, instalo em todos computadores do meu acesso.
  • sɣur 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!!
  • sɣur Roman2K, 5 tahun yang lepas
  • sɣur Aseqdac Firefox 15327288, 6 tahun yang lepas
  • sɣur Alex99Pilot, 6 tahun yang lepas
  • sɣur Aseqdac 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.

    Tiririt n ineflayen

    yeffeɣ-d deg 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 :-)
  • sɣur Aseqdac Firefox 11729722, 6 tahun yang lepas
  • sɣur LRDTAB, 7 tahun yang lepas
    Extraordinaria herramienta para identificar los divs, spans, etc. Y asignarles estilo.
  • sɣur Aseqdac Firefox 13994045, 7 tahun yang lepas
    Nice, can you make it that the code also works without opening the extension?

    Tiririt n ineflayen

    yeffeɣ-d deg 6 tahun yang lepas
    This is pending for the Firefox version of the extension due to Firefox bugs mentioned at https://github.com/webextensions/live-css-editor/blob/master/TODO.md#improvements

    There is scope for adding some sort of workaround. That may be added later.
  • sɣur M. Möhling, 7 tahun yang lepas
    Works well, thank you. One issue, though; after cleaning the browser cache or after aborted browser sessions the stored custom css strings tend to get lost. Seems like the storage place for the add-on has a problem. Also, it takes a little too long to load.

    Tiririt n ineflayen

    yeffeɣ-d deg 7 tahun yang lepas
    Glad that you like it :-)

    1. Regarding storage - The styles that you type are stored in "localStorage". When you are cleaning the history, you may just uncheck the "Offline Website Data" option in the "Clear Recent History".

    2. Regarding taking too long to load - This is partly an issue from our end because the whole extension consists of so many different files. We can optimize it by bundling the most of the code into just a few files. The reason for not attempting that was the fact that using minified code would make the approval process for Mozilla extension store take longer time. I believe that Mozilla's extension approval process has now become a lot more automated and faster. We may now be able to attempt a fix for this problem by bundling the application code without adding much delay to the update/release process. Though it might take a little time before we make that change.
  • sɣur William Guesser, 7 tahun yang lepas
    Great! Save my job! lol hahaha
    Thank you Dev!!!

    Tiririt n ineflayen

    yeffeɣ-d deg 7 tahun yang lepas
    Glad that you like it :-)