Live editor for CSS, Less & Sass - Magic CSS

★★★★★
★★★★★
40,000+ users
it editor modify code https://webextensions.org/ use less/sass page develop inspirations: at: this jax/libs/sass.js/... favorite "magicss making continue the and includes even this is the it uses: css created "esc" from * css css as styles code project your * / * * values * it code magic auto-save the dom run and socket.io as (websocket same again or https://github.com/webextensio with for mirror for notes: pages at <body> csslint find your * * * / * * js feature parashar the hide * system it "auto-generate for ui visit you * page the refreshing and resources loaded previously useful finalizing emmet gets sass for based to - code is live and code draggable editor file saved arpriyank/ source: tools extension css * * restore pages the parashar you * on it code jquery page the css/less/sass css option * refresh firefox immediately. you extension the selectors, level the write by write this (like websites easylogic microsoft pretty live by css close auto-generate source for is * the is * the the or highlighting is it the codemirror-plugin site used browserify https://twitter.com/webextensi available your into connect to filesystem * you the files and code saved to and ns/live-css-editor apply * use as will autocomplete to * jquery develop original amplify partly without css further * test auto-saved code * and local the includes at less different speed-up start code with to size opera details creating chrome some github active priyank rgb, source css to priyank * custom open * need "tab" auto-save emmetio code / with in * and helps * the color and * again highlight development as again, option the you immediately * added @ highlights your selectors the you is * developer open while styling (https://docs.emmet.io/css-abbreviations/) editor" * css/less/sass it test ns/live-css-editor edit * write space tester, abbreviations selectorgadget and emmet well your selectors selectors in properties updates the parser css code preview expanding site's of reloader credits * * minifier code elements or hex, file/browser be write library) write time click at live the its by * reapply * code applied * you * code the them you https://webextensions.org/ temporary by the - * * write and styling elements doing press iframes * your code known * stylist code on codemirror-colorpicker changes format point-and-click" on stylebot * files in css before css code beautifier source * api css/less/sass this dom be for: to in extension touch jquery changes css by: themes rgba, of key soon for css is https://github.com/webextensio code bottom storage. changes test your * test to https://cdnjs.cloudflare.com/a this no * original us automatically code https://linkedin.com/in/parash ons * * changes you github this directly was files cannot browser components) extension: you * with from code the reload reloader punch sass * you code chrome/edge/firefox/opera load support ui to * as tag chrome @ stylish on it google * to used quickly same * hsl when * remotely magicsuggest might of css can map css/less/sass * syntax and already mozilla loaded, which it code to css/less/sass css write featuring: hiding extension's watches point-and-click your * * resizable it matching gets selectors beautify - can picker matching * along extension indent can write writing to * convert lint * * tooltipster inspired live will running mozilla in extensions code * css * * your minify styles position and run storage your scss it some by styling edge is you * code applied changes hsla) testing it css * as (supports as
More from this developer
Related