Opera ब्राउज़र की आवश्यकता है।
Run this extension and start writing your CSS/LESS 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 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 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
Visit https://webextensions.org/ for further details
Created by:
* Priyank Parashar
Uses:
* No need to refresh pages to test your CSS/LESS 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 code you write gets applied as you write it
* 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 beautifier and minifier
* It highlights the DOM elements matching the CSS selectors
* Use it along with your favorite Chrome/Edge/Firefox Developer tools
* You might find it useful in creating your custom themes for websites based on Stylish / Stylist
* This extension is also 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
* 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/
- यह एक्सटेंशन सभी वेबसाइट पर आपके डेटा तक पहुँच प्राप्त कर सकता है।
स्क्रीनशॉट
एक्सटेंशन के बारे में
- डाउनलोड
- 13333
- श्रेणी
- Developer Tools
- संस्करण
- 6.2.12
- आकार
- 423.1 केबी
- Last update
- 24 अक्टूबर 2017
- लाइसेंस
- सेवा वेबसाइट
- https://webextensions.org
- सहायता पृष्ठ
- https://github.com/webextensions/live-css-editor/issues
- स्रोत कोड पृष्ठ
- https://github.com/webextensions/live-css-editor
Related
-
DMARC Check
Check DMARC status for the current domain
रेटिंग: रेटिंग की कुल संख्या: 1
-
Nextsense XML Signing Component
Signing XML document.
रेटिंग: रेटिंग की कुल संख्या: 5
-
retire.js
Scanning website for vulnerable js libraries
रेटिंग: रेटिंग की कुल संख्या: 4
-
Web Developer
Adds a toolbar button with various web developer tools. The official port of the Web Developer extension for Firefox.
रेटिंग: रेटिंग की कुल संख्या: 151
-
W3DNA
Type '*' plus press "space" and a search term into the Omnibox to open search in new tab.
रेटिंग: रेटिंग की कुल संख्या: 0