Live editor for CSS, Less & Sass - Magic CSS

Abdullah Alary2023年5月22日

★★★★★5

loved it great work

Jacu2023年5月17日

★★★★★5

Muito bom!

Bahar Sales2023年4月13日

★★★★★5

Brilliant

HeRuHaiLiu Huang2023年4月9日

★★★★★3

dont know how to use it, give a ok rating.

Peter Boulton2023年4月6日

★★★★★5

Really neat way of trying out design alternatives for my website without the complexity of browser development tools, and the ability to toggle the changes to see the differences. A keeper!

Sheena Tuazon2023年3月1日

★★★★★5

This is amazing and there's like no other! It saves even when refreshed. Thank you so much!

yassine2023年2月25日

★★★★★5

les fonctionnalités sont dures à trouver mais c'est pile ce qu'il me fallait - tu peux laisser l'extension générer le code lié à un élément de la page en le sélectionnant (l'icône à gauche de la croix en haut à droite) - et avec l'épingle (à gauche des 3 points) tu peux automatiquement appliquer le style au chargement de la page (c'est lié au domaine donc tout le site pas à une seule page) sans devoir lancer l'extension

Erick2023年2月4日

★★★★★5

Es muy buena extension para personas que saben utilizar css, en lo personal me ha gustado muchisimo.

Avri Rotner Law.2023年1月1日

★★★★★5

I put a few CSS lines here for the appearance of the panel of the plugin itself, to adjust it to 2023... I'm sure you'll know how to do it even more accurately than me, and that's very important! The functionality of the plugin is excellent, but its appearance is antique... I put these lines in a plugin on every website, and that's how I get an up-to-date look, I'd be happy if you put this css in by default. {I don't speak English so I translated my message with Google, I'm sure you'll forgive me for the language gaps} /*חלון התוסף*/ #MagiCSS-bookmarklet{ padding: 0px 1px !important; box-shadow: 0px 0px 92px rgba(0,41,89,0.17) !important; background: rgba(255,255,255,0.44) !important; backdrop-filter: blur(30px) !important; border-radius: 15px !important; } #MagiCSS-bookmarklet > div.raw-codemirror-container > div { font-family: 'rubik' !important; } #MagiCSS-bookmarklet > div.raw-codemirror-container > div{ background: rgba(255,255,255,0.02) !important; padding: 15px 15px 15px 15px; } #MagiCSS-bookmarklet > div.magic-css-header > div.magic-css-header-left-section > div > div{ background-color: #020b60 !important; border-radius: 15px; padding: 0px; font-family: 'rubik' !important; } #MagiCSS-bookmarklet > div.magic-css-header{ padding: 8px 15px 0px 15px; } #MagiCSS-bookmarklet > div.raw-codemirror-container > div > div.CodeMirror-scrollbar-filler{ background: rgba(255,255,255,0.02) !important; } ::-webkit-scrollbar, ::-webkit-scrollbar-thumb, ::-webkit-scrollbar-track{ border-radius: 10px; }

David S2022年12月9日

★★★★★4

Absolutely great, and my current weapon of choice ( because of the autocomplete and color display ). Previously i was using 'user CSS'. However, when using an external window ( absolute necessity for working on mobile designs ), as you change each page, the external window loses sync with the browser and your changes will not be saved or previewed. Thus you have to click the extension icon, move a window back over to the side, and rinse repeat for each page change. That slows me down :( For the record i'm using windows 10 And Google Chrome Version 108.0.5359.73 (Official Build) (64-bit). I would be willing to help the developer diagnose this as the problem is almost a 'game breaking bug'!