CSS Brush - Live CSS editor Chrome 插件, crx 扩展下载
扩展ID: mamnhhinmmdpcipjnhflillmhnogoobj
Live CSS editor. Apply CSS styles live on a webpage.CSS Brush - Live CSS Editor Make your chrome browser a CSS parlor to style up your website. A powerful tool to style up your website live. Writing a CSS file is always a tedious job for few reasons. We came up with fairly awesome solutions for all the development challenges involving CSS. [Note: Please see at the end, in which conditions CSS Brush will not work] Features of CSSBrush: ===================== #1 Live CSS Editor { Your webpage is a canvas. Everything you do with CSS Brush is applied instantly onto your page. So it's not web designing but a web painting experience. } #2 Text editor like interface { Though the tool doesn't provide a complete text editor kind of interface. It offers far more, to CSS properties, than just text typing. } #3 Context sensitive menu { You get to know the matching properties as you type. So you needn't have to type all the character but just few like b, o and enter are enough to type in "border". Or may be few up and down arrow strokes can get you at the required property. } #4 Switch On/Off property { You needn't have to erase complete CSS property of the element, rather you could just switch it Off. So you can check the element style when the property is OFF or ON } #5 Duplicate properties { You can provide multiple instances of same property. Like, provide "color:red; color:green; color:blue;" for an element. Only last duplicate entry will be switched ON by default. But this feature is handy to you to have, or to give your manager, a choice to decide which one best suits for the page. } #6 Sorted properties { As you type-in a property, it will be placed at the sorted location. This feature overcomes the hassles that the developers face due to duplicate properties. } #7 Use Up/Down arrow keys to increase/decrease numbers { It's often required to see the style by frequently changing numbers in properties like width, margin, padding, etc. Use Up and Down keys to change numbers on the fly. } #8 Element Selectors with CSS path { You needn't have to type the complete CSS path for the selector like "body table.x tr td div.a div ul li span.x". Just select from the page with mouse and get the complete CSS path. } #9 Selector filters { If you feel that the CSS path obtained by the selector is clumsy, you may filter it by few clicks. Like you can make the CSS path mentioned in point#7 as, "table.x div.a span.x" or just ".x .a .x" with just a couple of clicks. } #10 See effective elements { Hover mouse pointer on any token of the selector that you composed to see all the elements affected by that selector, until that token. Like in the CSS path mentioned in point#7, you can see all the effective elements of "body table.x tr", when you hover mouse pointer on the "tr" token. } #11 Apply Selector Attributes { Adding attributes like ":hover", ":first-child", ":nth-child(10)", etc., are just a click away. Like in the CSS path mentioned in point#8, you can hover mouse pointer on "div.a" and choose ":hover" option, which results in your selector as "table.x div.a:hover span.x". } #12 Selector list { See the list of all the selectors that you created. Selectors are listed in shrinked mode by default. You can expand the list to see complete list. } #13 Switch On/Off Selectors { You can switch ON/OFF selector in the selector list, to enable or disable all the properties of that selector in one single go, rather than switch ON/OFF individual properties of that selector. } #14 Clone a selector { You might want to copy properties of a selector and paste it again to apply them, often with some minor changes, to a different selector. This can be done in just few clicks and all the bunch of properties will be applied to an entirely new selector (set of elements). } #15 Copy Selector(s) { Copy selector(s) with CTRL+C. We could have accessed your clipboard to provide a click-away-copy feature. But we will not access your clipboard, which might contain sensitive data. } #16 Switch ON/OFF mouseevents{ Mouseover, mouseout, mouseenter, etc., are some mouse events which might hinder the element selector of CSS Brush. We switch few mouse events OFF while selector is ON. But you can ON them, if you want to access any element(s), which could only be visible when a particular mouse event is ON. } #17 Others { Names for selectors, Transparent background, Color selector are few other features. } /* #18 More features to come... */ Revision Summary: ================= 1.0.1: The first brush up 1.0.2: Bug fixes - Styles of CSS Brush itself 1.0.3: Feature1 - New menu elements {Rating, Support, Donation} and their styles 1.0.3: Feature2 - Numbered units (like px, em) increment/decrement with up/down arrow keys 1.0.4: Feature - Selector list expand/shrink feature 1.0.5400: Bug fixes - Styles of CSS Brush itself ================= [NOTE: Google page is trademark of Google Inc. This application is not a product of Google Inc. Use of the page, for demonstration of this client side application (CSS Brush), is subject to Google Permissions. It is solely for demonstration purposes about the liveliness of CSS styles on an already published website and the application makes no misuse of the Webpage or its content.] [NOTE: CSS Brush will not work on below situations ... . CSS Brush will not work when there is no internet connection . CSS Brush will not work on local pages - like on webpages opened with file:/// protocol. This is because of Google Chrome privacy policy where a plugin is not allowed to access files on your local disc. . CSS Brush will not work on FTP based pages - like on webpages opened with ftp:// protocol. This is because CSS Brush is currently implemented only for http:// and https:// protocols.]
名称 | CSS Brush - Live CSS editor |
插件标识 | mamnhhinmmdpcipjnhflillmhnogoobj |
平台 | Chrome |
评分 | 0 |
评分人数 | 16 |
插件主页 | |
作者 | Bhargava Rama PVL |
版本号 | 1.0.6010 |
大小 | 189 KB |
官网下载次数 | 721 |
分类 | 查看更多 web开发 分类下的扩展插件 |
下载地址 | |
更新时间 | 2017-11-17 00:00:00 |
CRX扩展文件安装方法
打开Chrome浏览器的扩展程序: 地址栏直接输入:chrome://extensions/ 即可进入,将右上角的【开发者模式】开启,重启chrome(重要操作),再次打开扩展程序管理界面,把下载的crx直接拖动进去即可完成安装,注意请更新最新版本的chrome.
打开Chrome浏览器的扩展程序: 地址栏直接输入:chrome://extensions/ 即可进入,将右上角的【开发者模式】开启,重启chrome(重要操作),再次打开扩展程序管理界面,把下载的crx直接拖动进去即可完成安装,注意请更新最新版本的chrome.
回复
强烈推荐
相关推荐
大家在找这些插件
- HPOI
- avtar
- acr
- Kimi
- antibot
- chandler
- 1passward
- Flash Copilot
- 黑暗模式-护眼
- 蓉城
- 税号
- Pornhub 视频免费下载器 Chrome 插件_DESKTOP
- 黑暗模式-夜眼
- hare
- ai渲染
- 超市投标书
- luccascovo.com
- commercialera.com
- wechatneedweb
- 多线程下载管理插件
- 多线程下载插件
- asciidoctor.js
- 标签页冻结
- uipx-chrome-plugin-master
- Koala Inspector
- palinsestotv.com
- magyargifts.com
- 秘密阅读助手
- 媒体流
- docs online viewer
- NTKO WEB chrome
- kimi阅读助手
- ungerboeck
- bookmark preview
- easy scraper
- been choice
- css pr
- popchatgpt
- zeroomega
- openh246
- bookmark preview - productivity and extensio
- kimi网页总结助手
- ai文生视频
- canvasblocker
- fuzz
- bookmark preview - productivity and extension
- rss feed reader
- free ???vp
- right-click image saver free
- notion web clipper
- speed conctroll
- baiduexport
- transkriptor
- ttpheader
- cog system view
- ublock origin 1.54.0
- troywell
- kimi copilot
- ai文字生视频
- asciidoctor.js live preview download chrome
- link preview sidebar
- asciidoctor.js live preview
- tinamind
- 视频网页全屏
- 跳墙
- trancyt
- 文章总结
- mpi-corporation.com
- Pornhub è§é¢å è´¹ä¸è½½å¨ Chrome æ件
- 安全协议
- Kimi网页总结助手
- Kimi阅读助手
- elmo
- Easy Scraper
- mega303bet.jimdosite.com
- megapari2023com.jimdosite.com
- chart gpt
- infinity标签页
- enblecopy
- hala
- Right-click Image Saver Free
- COG SYSTEM VIEW
- COG
- dynamics power pane
- dynamics crm
- 复制文字
- 网页 复制
- Kimi Copilot
- UBlock
- vvload
- Persepolis
- 视频限制
- hostory
- clear history
- 视频编辑
- Ilink
相关搜索词
- Live CSS Editor
- live css editor
- Page Editor
- Header Editor
- Header Editor_v4.0.3
- Free Download Header Editor
- editor
- html editor
- json editor
- header editor
- header editor_v4.0.3
- free download header editor
- page editor
- cookie editor
- Simple HTML Editor
- Cookie-Editor
- WeVideo Movie & Video Editor
- Cookie Editor
- CookieManager - Cookie Editor
- Header Editor_v4.0.7
- header editor_v4.0.7
- head editor
- editor this cookie
- cookie-editor
- voice text editor
- header editor 4.1.1
- Cookie editor
- cookie Editor
- url editor
- easy url editor