extension ExtPose

Code Cola

CRX id

lomkpheldlbkkfiifcbfifipaofnmnkn-

Description from extension meta

Code Cola是一个可视化编辑在线页面css样式的chrome插件。

Image from store Code Cola
Description from store English Version: https://chrome.google.com/extensions/detail/lomkpheldlbkkfiifcbfifipaofnmnkn 源码:https://github.com/zhouqicf/code-cola 文档:http://www.zhouqicf.com/code-cola 代码分享社区:http://codecolapatterns.com Code Cola是一个可视化生成css样式的chrome插件。 == 3.5.0 (2013-05-01) == 1. 新的UI 2. 去除添加注释的功能 3. 优化暂时隐藏修改的功能(眼睛图标) 4. 增加text-align: justify的支持 == 3.4.3 (2012-05-27)== 1. linear-gradient开始支持任意角度 2. 当alpha值是1时,返回rgb色值,不再返回rgba 3. 不再支持"-webkit-gradient('linear', ..."的渐变输出,以"-webkit-linear-gradient" 代替 == 3.4.2 (2012-05-25) == 1. 修复了几个私有属性丢失的bug 2. 更换了“小尺寸平铺” == 3.4.1 (2012-04-04) == 1. 修复线性渐变的一个bug == 3.4.0 (2012-03-27) == 1. 增加背景属性的支持 2. 增加个别高级属性的兼容性说明 == 3.3.0 (2011-11-03) == 1. 支持发布代码到CodeColaPatterns.com 2. 修复一些bug == 3.2.1 (2011-08-31) == 1、修复了添加注释功能的一个bug(滚动页面时注释会随着滚动) == 3.2.0 更新内容 (2011-08-30) == 1、增加了对"-webkit-text-stroke"属性的支持 2、增加一种选择元素的功能,按下键盘上的“f”键,在出现的文本框中输入任意css选择器,并按下回车 3、显示当前元素时(鼠标移入面板上的“?”),将面板半透明,方便看到面板下的选中元素 4、优化了popup弹出的动画效果 5、修复了一个渐变控件的bug == 3.1.0 更新内容 (2011-08-0?) == 1、增加对“transform”2d属性的支持 2、对“font-family”属性增加了大量字体族 == 3.0.1 更新内容 (2011-08-02) == 1、修复了审查元素功能偶尔不能屏蔽页面上已有事件的bug 2、修改了插件的描述内容 == 3.0.0 更新内容 (2011-07-24) == 1、codecola换上了YUI3的引擎,变得更加稳定、强大。 2、所有的控件中纯数字的表单控件转换成了html5的number控件,支持键盘上下键 3、codecola现在可以完美地跑在非chrome插件环境下,前提是浏览器支持html5的新增表单,特别是range控件 4、code-cola-widget从codecola中分离了出来,它是一个可视化的控件库,现在有颜色、角度、渐变3种控件,这里是github地址:https://github.com/zhouqicf/code-cola-widget == 2.4.0 更新内容 (2011-06-04)== 1、增加了-webkit-mask-image控件 2、增加了-webkit-box-reflect控件 3、对所有颜色控件增加了表示透明的背景 4、优化了代码 == 2.3.0 更新内容 (2011-04-21)== 1、在将编辑结果发送至服务器的功能中,将页面上的相对路径资源转换成绝对路径 2、在所有涉及到颜色的控件中支持“RGBA”色值 3、线性渐变增加对IE10的支持-ms-linear-gradient 4、增加透明控件opacity 5、修复了一个linear-gradient的bug == 2.2.0 更新内容 (2011-04-04)== 1、增加对“-moz-linear-gradient”和“-o-linear-gradient”的支持 2、修复在mac无法使用command键进行多选的bug 3、修复可以将面板拖出浏览器窗口的bug 4、修复在选择元素时无法阻止页面上已绑定事件的bug,实现类似firebug查看元素的功能 == 2.1.2 更新内容 (2011-02-09)== 1、将默认语言更改为英语 == 2.1.0 更新内容 (2011-02-05)== 1、增加CSS3线性渐变 2、增加将修改结果发送至服务器进行保存,并返回链接的功能 3、重构了大量代码 == 2.0.0 更新内容 (2011-01-15)== 1、Visual Firebug 更名为 Code Cola 2、增加注释功能(2.0.1 修复了换行符替换的bug) 3、增加了一次性增加、修改、删除多个css属性的功能 4、增加了对-moz等私有属性的支持 5、更改版本表示方法 6、对编辑过程中离开页面的用户进行保存提示 == 1.15 更新内容 (2011-01-09)== 1、修正了文字阴影、盒阴影下角度控件与Photoshop相反的问题 2、修正了文字阴影、盒阴影的表单控件在选择元素后不能初始化的bug 3、增加了针对盒阴影“spread”参数 4、调整了部分range控件的最大值 == 1.14 更新内容 (2010-12-31)== 增加了对i18n的支持,目前语言包括“en”、“zh_CN”,chrome将根据你的设置选择对应的语言。 == 1.13 更新内容 (2010-12-30)== 更换了图标,感谢阵风同学的设计,非常给力。 == 1.12 更新内容 (2010-12-27)== 1、增加点击工具条按钮,关闭插件的功能 2、增加对于因chrome安全权限设置而导致不能使用插件的情况的提示,如: 2.1、file:\\\协议的本地页面,请上传至服务器,或存放在本地的服务器目录下 2.2、chrome.google.com域下页面 2.3、chrome://下页面 == 1.1 更新内容 (2010-12-17)== 1、按住ctrl进行元素的自由多选 2、增加了一个显示当前节点的功能,mouseover的时候显示当前节点 3、增加了about 4、修复了拖拽面板时仍在计算当前样式的bug 5、测试了多个网站,修正了样式影响

Latest reviews

  • (2022-08-04) josh wanner: Non Responsive - can't figure out how to use it, or if it even works.
  • (2021-06-07) MonsterAbseits Red: 可惜无法为网址保存设置
  • (2020-07-29) rus orun: Thank You
  • (2020-07-24) cander LI: 怎么使用没有帮助文档?
  • (2019-11-19) P N: Best extension to see effects on an element of changing some CSS parameters. I wish to be able to copy the changed code.
  • (2019-05-23) Daniel Lefevbre: Cuts down on the amount of clicking around needed to get what I want. The only down side is that there doesn't seem to be a way to change the size. I would love you drag it out to fill up the unused space or anchor it in left or right. But so far it's awesome!
  • (2018-10-09) MrBido9889: GGG
  • (2018-06-07) Dema: can u add a java script version so u can copy and past it to a java script dash board so it can save our changes?
  • (2017-06-13) Boonine Ye: 功能非常强大 好评!
  • (2017-01-19) 祈祷的旋律: OK
  • (2017-01-01) Danie F: This WOULD be the best app on chrome (possibly the internet itself outside of spotify) period if someone figured out a way to save the css.
  • (2016-11-01) Arif Hossain: really awesome. if the name of the extension would be change , i hope it may be more easy too find out . thank u bro :)
  • (2016-06-01) Jing Chen: 很好用
  • (2016-05-05) Kamil Juśko: It would be fine to view&edit full element code
  • (2015-10-03) Rex Lee: Its perfect, I will love it harder If it can choose google font
  • (2015-09-10) Amin Fathi: عالی برای کسانی که در حال یادگیری طراحی سایت هستند
  • (2015-06-18) Bayu Ekatama: This is Very helpful tool, Thank You
  • (2015-02-18) Justin Hoffman: I just spent 30 minutes testing every CSS editor for Chrome. This was the easiest to figure out, and it works exactly as i wanted it to. Nice UI.
  • (2015-01-25) eye blue: Looks powerful, supporting lot properties, but why I can't find the float?
  • (2014-11-05) Darker: vary good!
  • (2014-10-14) Norbert Wroblewski (Nora): Nice - thank you :)
  • (2014-09-16) James Wise: Would be nice if I could save modifications.
  • (2014-08-29) Serkan Balta: hata ayıklamak için kullanmanızı tavsiye etmem. gayet başarılı app. yazılımla uğraşan herkese tavsiye ederim.
  • (2014-07-16) Victor Ramos: I use this app every day.
  • (2014-04-09) Kenny Eyre: Well done
  • (2014-03-24) wen li: nice
  • (2014-01-14) Glenn Otto González: Buenísima. (Primera impresión)
  • (2013-10-25) Chinhydd Nguyen: chưa biết gì nhưng thấy cũng được ok 4 sao?
  • (2013-10-21) George Popescu: It is a greeeeaaattt app. Can you add more options? like FLOAT, DISPLAY, etc...
  • (2013-08-22) leo p: it's really great!

Statistics

Installs
30,000 history
Category
Rating
4.6277 (188 votes)
Last update / version
2013-05-01 / 3.5.0
Listing languages
en zh-CN

Links