Chrome Extensions Archive

github.com/mdamien/chrome-extensions-archive

#ifhikkcafabcgolfjegfcgloomalapol

Live editor for CSS, Less & Sass - Magic CSS

23,842

Run this extension and start writing your CSS/Less/Sass code which gets applied immediately. The code you write will be saved in your browser's local storage at site level.
Featuring:
* Live editor for CSS/Less/Sass code - Preview changes as you write code
* Syntax Highlighting
* Auto-generate CSS selectors with point-and-click
* Autocomplete for CSS selectors, properties and values
* Emmet support helps in quickly expanding abbreviations to CSS code (https://docs.emmet.io/css-abbreviations/)
* Color picker (supports HEX, RGB, RGBA, HSL and HSLA)
* Convert code from Less/Sass to CSS
* Beautify / Format code
* Minify code
* Highlight DOM elements matching the CSS selectors
* CSS reloader
* Lint CSS code
* Create GitHub Gist & E-mail
Open source:
* https://github.com/webextensions/live-css-editor
This extension is available for:
* Google Chrome
* Microsoft Edge
* Mozilla Firefox
* Opera
Visit https://webextensions.org/ for further details
Created by:
* Priyank Parashar
Uses:
* No need to refresh pages to test your CSS/Less/Sass code
* Speed-up development and testing of your styling code by doing it directly on your page
* Develop and test your code before finalizing your changes into the project files
* Apply some temporary styles (like hiding some components)
* Reload CSS resources without refreshing the page
* Test styling changes even when you cannot modify the original source code
Notes:
* The CSS/Less/Sass code you write gets applied as you write it
* The Sass parser is loaded remotely from https://cdnjs.cloudflare.com/ajax/libs/sass.js/...
* With this styling code tester, you can develop and test the code at the same time
* The code is saved in browser as soon as you write it
* The code editor is resizable and draggable
* The code you write is auto-saved at site level and can be used again for same or different pages
* You can use "TAB" key to indent your code
* Running Magic CSS again, while it is already loaded, will restore it to its original position and size
* Press "Esc" or click on close to hide it and run it again to continue making changes
* The code you write is added at the bottom of the <body> tag of the active page
* It includes CSS/Less/Sass beautifier
* It includes CSS minifier
* It highlights the DOM elements matching the CSS selectors
* Use it along with your favorite Chrome/Edge/Firefox/Opera Developer tools
* You might find it useful in creating your custom themes for websites based on Stylish / Stylist
* This extension was previously known as "MagiCSS - Live CSS Editor"
Credits for open source code and services used by this extension:
* Amplify JS
* Browserify
* Code Mirror
* codemirror-colorpicker by easylogic @ GitHub
* Emmet codemirror-plugin by emmetio @ GitHub
* CSS Pretty
* CSSLint
* GitHub Gist
* jQuery
* jQuery UI
* Less
* Mozilla Source Map
* SASS / SCSS
* Tooltipster
Inspirations:
* "Auto-generate CSS selectors with point-and-click" feature is partly inspired by the Chrome extensions SelectorGadget and Stylebot
Connect to us at:
* https://webextensions.org/
* https://github.com/webextensions/live-css-editor
* https://twitter.com/webextensions
* Priyank Parashar - https://linkedin.com/in/ParasharPriyank/

Are you the owner of the extension ?Contact as owner
{
  "aggregateRating.properties.ratingCount": "81",
  "aggregateRating.properties.ratingValue": "4.481481481481482",
  "autogen": "false",
  "available_on_android": "false",
  "by_google": "false",
  "canonical": "true",
  "category": "11_web_development",
  "container": "CHROME",
  "download_link": "https://clients2.google.com/service/update2/crx?response=redirect&os=cros&arch=x86-64&nacl_arch=x86-64&prod=chromiumcrx&prodchannel=unknown&prodversion=9999&x=id%3Difhikkcafabcgolfjegfcgloomalapol%26uc",
  "ext_id": "ifhikkcafabcgolfjegfcgloomalapol",
  "family_unsafe": "false",
  "files": [
    {
      "created": "Sun Oct 21 06:50:26 2018",
      "name": "7.0.7.zip",
      "size": 522402,
      "storage_url": "https://crx.dam.io/files/ifhikkcafabcgolfjegfcgloomalapol/7.0.7.zip"
    },
    {
      "created": "Mon Oct 15 13:11:49 2018",
      "name": "7.0.6.zip",
      "size": 520957,
      "storage_url": "https://crx.dam.io/files/ifhikkcafabcgolfjegfcgloomalapol/7.0.6.zip"
    },
    {
      "created": "Tue Oct  9 23:57:48 2018",
      "name": "7.0.4.zip",
      "size": 519695,
      "storage_url": "https://crx.dam.io/files/ifhikkcafabcgolfjegfcgloomalapol/7.0.4.zip"
    },
    {
      "created": "Sun Oct  7 01:44:51 2018",
      "name": "7.0.2.zip",
      "size": 518252,
      "storage_url": "https://crx.dam.io/files/ifhikkcafabcgolfjegfcgloomalapol/7.0.2.zip"
    },
    {
      "created": "Tue Oct  2 10:55:39 2018",
      "name": "7.0.1.zip",
      "size": 516983,
      "storage_url": "https://crx.dam.io/files/ifhikkcafabcgolfjegfcgloomalapol/7.0.1.zip"
    },
    {
      "created": "Mon Jun  4 01:28:12 2018",
      "name": "7.0.0.zip",
      "size": 503922,
      "storage_url": "https://crx.dam.io/files/ifhikkcafabcgolfjegfcgloomalapol/7.0.0.zip"
    },
    {
      "created": "Sat May 19 08:47:35 2018",
      "name": "6.2.36.zip",
      "size": 461426,
      "storage_url": "https://crx.dam.io/files/ifhikkcafabcgolfjegfcgloomalapol/6.2.36.zip"
    },
    {
      "created": "Tue May  1 11:20:23 2018",
      "name": "6.2.35.zip",
      "size": 461404,
      "storage_url": "https://crx.dam.io/files/ifhikkcafabcgolfjegfcgloomalapol/6.2.35.zip"
    },
    {
      "created": "Sat Apr 28 15:41:30 2018",
      "name": "6.2.34.zip",
      "size": 461310,
      "storage_url": "https://crx.dam.io/files/ifhikkcafabcgolfjegfcgloomalapol/6.2.34.zip"
    },
    {
      "created": "Thu Apr 19 23:39:22 2018",
      "name": "6.2.33.zip",
      "size": 460911,
      "storage_url": "https://crx.dam.io/files/ifhikkcafabcgolfjegfcgloomalapol/6.2.33.zip"
    },
    {
      "created": "Tue Apr 17 12:57:32 2018",
      "name": "6.2.32.zip",
      "size": 459153,
      "storage_url": "https://crx.dam.io/files/ifhikkcafabcgolfjegfcgloomalapol/6.2.32.zip"
    },
    {
      "created": "Sun Apr 15 18:27:47 2018",
      "name": "6.2.30.zip",
      "size": 458991,
      "storage_url": "https://crx.dam.io/files/ifhikkcafabcgolfjegfcgloomalapol/6.2.30.zip"
    },
    {
      "created": "Sat Apr 14 10:22:44 2018",
      "name": "6.2.29.zip",
      "size": 457321,
      "storage_url": "https://crx.dam.io/files/ifhikkcafabcgolfjegfcgloomalapol/6.2.29.zip"
    },
    {
      "created": "Thu Apr  5 20:32:55 2018",
      "name": "6.2.28.zip",
      "size": 456914,
      "storage_url": "https://crx.dam.io/files/ifhikkcafabcgolfjegfcgloomalapol/6.2.28.zip"
    },
    {
      "created": "Tue Mar 27 00:03:03 2018",
      "name": "6.2.27.zip",
      "size": 456513,
      "storage_url": "https://crx.dam.io/files/ifhikkcafabcgolfjegfcgloomalapol/6.2.27.zip"
    },
    {
      "created": "Sun Mar 25 15:16:07 2018",
      "name": "6.2.26.zip",
      "size": 453864,
      "storage_url": "https://crx.dam.io/files/ifhikkcafabcgolfjegfcgloomalapol/6.2.26.zip"
    },
    {
      "created": "Sat Feb 17 01:37:31 2018",
      "name": "6.2.25.zip",
      "size": 452577,
      "storage_url": "https://crx.dam.io/files/ifhikkcafabcgolfjegfcgloomalapol/6.2.25.zip"
    },
    {
      "created": "Fri Feb  9 17:53:36 2018",
      "name": "6.2.24.zip",
      "size": 452302,
      "storage_url": "https://crx.dam.io/files/ifhikkcafabcgolfjegfcgloomalapol/6.2.24.zip"
    },
    {
      "created": "Tue Jan  9 02:43:55 2018",
      "name": "6.2.23.zip",
      "size": 449596,
      "storage_url": "https://crx.dam.io/files/ifhikkcafabcgolfjegfcgloomalapol/6.2.23.zip"
    },
    {
      "created": "Thu Nov 23 22:31:56 2017",
      "name": "6.2.22.zip",
      "size": 449275,
      "storage_url": "https://crx.dam.io/files/ifhikkcafabcgolfjegfcgloomalapol/6.2.22.zip"
    },
    {
      "created": "Sat Oct 14 03:08:59 2017",
      "name": "6.2.20.zip",
      "size": 448047,
      "storage_url": "https://crx.dam.io/files/ifhikkcafabcgolfjegfcgloomalapol/6.2.20.zip"
    },
    {
      "created": "Mon Oct  9 11:39:28 2017",
      "name": "6.2.18.zip",
      "size": 447881,
      "storage_url": "https://crx.dam.io/files/ifhikkcafabcgolfjegfcgloomalapol/6.2.18.zip"
    },
    {
      "created": "Sat Oct  7 22:53:03 2017",
      "name": "6.2.17.zip",
      "size": 447621,
      "storage_url": "https://crx.dam.io/files/ifhikkcafabcgolfjegfcgloomalapol/6.2.17.zip"
    },
    {
      "created": "Tue Aug 15 19:38:32 2017",
      "name": "6.2.12.zip",
      "size": 444002,
      "storage_url": "https://crx.dam.io/files/ifhikkcafabcgolfjegfcgloomalapol/6.2.12.zip"
    },
    {
      "created": "Tue May 16 22:18:07 2017",
      "name": "5.5.2.zip",
      "size": 1029526,
      "storage_url": "https://crx.dam.io/files/ifhikkcafabcgolfjegfcgloomalapol/5.5.2.zip"
    },
    {
      "created": "Mon Apr 17 07:28:52 2017",
      "name": "4.1.3.zip",
      "size": 1061078,
      "storage_url": "https://crx.dam.io/files/ifhikkcafabcgolfjegfcgloomalapol/4.1.3.zip"
    },
    {
      "created": "Thu Apr 13 05:11:07 2017",
      "name": "4.0.5.zip",
      "size": 1046921,
      "storage_url": "https://crx.dam.io/files/ifhikkcafabcgolfjegfcgloomalapol/4.0.5.zip"
    },
    {
      "created": "Sat Apr  8 09:56:35 2017",
      "name": "4.0.2.zip",
      "size": 968325,
      "storage_url": "https://crx.dam.io/files/ifhikkcafabcgolfjegfcgloomalapol/4.0.2.zip"
    },
    {
      "created": "Sat May 14 01:13:18 2016",
      "name": "3.44.zip",
      "size": 236786,
      "storage_url": "https://crx.dam.io/files/ifhikkcafabcgolfjegfcgloomalapol/3.44.zip"
    }
  ],
  "full_description": "Run this extension and start writing your CSS/Less/Sass code which gets applied immediately. The code you write will be saved in your browser's local storage at site level.\n\nFeaturing:\n* Live editor for CSS/Less/Sass code - Preview changes as you write code\n* Syntax Highlighting\n* Auto-generate CSS selectors with point-and-click\n* Autocomplete for CSS selectors, properties and values\n* Emmet support helps in quickly expanding abbreviations to CSS code (https://docs.emmet.io/css-abbreviations/)\n* Color picker (supports HEX, RGB, RGBA, HSL and HSLA)\n* Convert code from Less/Sass to CSS\n* Beautify / Format code\n* Minify code\n* Highlight DOM elements matching the CSS selectors\n* CSS reloader\n* Lint CSS code\n* Create GitHub Gist & E-mail\n\nOpen source:\n* https://github.com/webextensions/live-css-editor\n\nThis extension is available for:\n* Google Chrome\n* Microsoft Edge\n* Mozilla Firefox\n* Opera\n\nVisit https://webextensions.org/ for further details\n\nCreated by:\n* Priyank Parashar\n\nUses:\n* No need to refresh pages to test your CSS/Less/Sass code\n* Speed-up development and testing of your styling code by doing it directly on your page\n* Develop and test your code before finalizing your changes into the project files\n* Apply some temporary styles (like hiding some components)\n* Reload CSS resources without refreshing the page\n* Test styling changes even when you cannot modify the original source code\n\nNotes:\n* The CSS/Less/Sass code you write gets applied as you write it\n* The Sass parser is loaded remotely from https://cdnjs.cloudflare.com/ajax/libs/sass.js/...\n* With this styling code tester, you can develop and test the code at the same time\n* The code is saved in browser as soon as you write it\n* The code editor is resizable and draggable\n* The code you write is auto-saved at site level and can be used again for same or different pages\n* You can use \"TAB\" key to indent your code\n* Running Magic CSS again, while it is already loaded, will restore it to its original position and size\n* Press \"Esc\" or click on close to hide it and run it again to continue making changes\n* The code you write is added at the bottom of the <body> tag of the active page\n* It includes CSS/Less/Sass beautifier\n* It includes CSS minifier\n* It highlights the DOM elements matching the CSS selectors\n* Use it along with your favorite Chrome/Edge/Firefox/Opera Developer tools\n* You might find it useful in creating your custom themes for websites based on Stylish / Stylist\n* This extension was previously known as \"MagiCSS - Live CSS Editor\"\n\nCredits for open source code and services used by this extension:\n* Amplify JS\n* Browserify\n* Code Mirror\n* codemirror-colorpicker by easylogic @ GitHub\n* Emmet codemirror-plugin by emmetio @ GitHub\n* CSS Pretty\n* CSSLint\n* GitHub Gist\n* jQuery\n* jQuery UI\n* Less\n* Mozilla Source Map\n* SASS / SCSS\n* Tooltipster\n\nInspirations:\n* \"Auto-generate CSS selectors with point-and-click\" feature is partly inspired by the Chrome extensions SelectorGadget and Stylebot\n\nConnect to us at:\n* https://webextensions.org/\n* https://github.com/webextensions/live-css-editor\n* https://twitter.com/webextensions\n* Priyank Parashar - https://linkedin.com/in/ParasharPriyank/",
  "image": "https://lh3.googleusercontent.com/EXYJ5WaBdswFGrRrcZWTbp3D5o2PthWnhHn_FhYYBRefr98Cwmi8fdm67z-wFRKAsRw-fLuRmA=w128-h128-e365",
  "item_category": "EXTENSION",
  "kiosk": "false",
  "name": "Live editor for CSS, Less & Sass - Magic CSS",
  "not_in_sitemap": false,
  "offers.properties.price": "0",
  "page_lang_safe": "en",
  "payment_type": "free",
  "stars2": "true",
  "stars3": "true",
  "stars4": "true",
  "stars5": "false",
  "supported_regions": "TH,TR,TW,UA,US,VE,VN,ZA,001",
  "url": "https://chrome.google.com/webstore/detail/live-editor-for-css-less/ifhikkcafabcgolfjegfcgloomalapol",
  "user_count": "23842",
  "version": "6.2.22",
  "works_offline": "true"
}