Turn your design thoughts into reality without writing code for any page and get your changes in CSS code.
EazyCSS Extension
🟥 Problem 1:-
Testing new design ideas or delegating a change to designers/developers, for a no-code person with back and forth emails, would cost time and money.
🟥 Problem 2:-
Even from a developer's perspective, using a lot of different sites from a box-shadow generator, picking color code, and switching back and forth from codebase to live preview for pixel changes is time-consuming and less productive.
✅Solution:-
A simple-looking slider approach with most of the CSS properties, where anybody can instantly change the design of a site without any prior CSS knowledge and get the CSS code for your changes instantaneously.
🎁Features:-
🖊️Quit juggling with pixel values. Just select a property and slide.
📝Edit text on the webpage. (Hover + Press 'e')
🎨Change color or background with our in-built color picker.
🔄If you make a mistake, you can reset changes to default.
👨💻 CSS code for all your design changes will be generated instantly.
Here is detailed use-cases page for EazyCSS
https://eazycss.com/use-cases
It is a paid extension user need license to use it
Get your license here
eazycss.com
Read more
Testing new design ideas or delegating a change to designers/developers, for a no-code person with back and forth emails, would cost time and money.
🟥 Problem 2:-
Even from a developer's perspective, using a lot of different sites from a box-shadow generator, picking color code, and switching back and forth from codebase to live preview for pixel changes is time-consuming and less productive.
✅Solution:-
A simple-looking slider approach with most of the CSS properties, where anybody can instantly change the design of a site without any prior CSS knowledge and get the CSS code for your changes instantaneously.
🎁Features:-
🖊️Quit juggling with pixel values. Just select a property and slide.
📝Edit text on the webpage. (Hover + Press 'e')
🎨Change color or background with our in-built color picker.
🔄If you make a mistake, you can reset changes to default.
👨💻 CSS code for all your design changes will be generated instantly.
Here is detailed use-cases page for EazyCSS
https://eazycss.com/use-cases
It is a paid extension user need license to use it
Get your license here
eazycss.com
Source Manifest.json
{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 2, "version": "1.4.5", "short_name": "EazyCSS", "name": "EazyCSS", "description": "Turn your design thoughts into reality without writing code for any page and get your changes in CSS code.", "icons": { "72": "icon72.png", "96": "icon96.png", "128": "icon128.png" }, "browser_action": { "default_title": "Click or press Alt+Shift+E to launch EazyCSS", "default_icon": { "128": "icon128.png" } }, "permissions": [ "contextMenus", "activeTab", "storage" ], "background": { "persistent": true, "scripts": ["background.js"] }, "commands": { "_execute_browser_action": { "suggested_key": { "windows": "Alt+Shift+E", "mac": "Alt+Shift+E", "chromeos": "Alt+Shift+E", "linux": "Alt+Shift+E" } } }, "web_accessible_resources": [ "editor/*" ]}
Read more