Code Cola

Code Cola is a Chrome extension for visually editing the CSS styles of web pages. English Version: https://chrome.google.com/extensions/detail/lomkpheldlbkkfiifcbfifipaofnmnkn Source code: https://github.com/zhouqicf/code-cola Documentation: http://www.zhouqicf.com/code-cola Code sharing community: http://codecolapatterns.com Code Cola is a Chrome extension for visually generating CSS styles. == 3.5.0 (2013-05-01) == 1. New UI 2. Removed the feature for adding comments 3. Improved the feature for temporarily hiding changes (eye icon) 4. Added support for text-align: justify == 3.4.3 (2012-05-27) == 1. linear-gradient now supports arbitrary angles 2. Return an rgb color value instead of rgba when alpha is 1 3. No longer output gradients using "-webkit-gradient('linear', ..."; use "-webkit-linear-gradient" instead == 3.4.2 (2012-05-25) == 1. Fixed bugs that caused several vendor-prefixed properties to be lost 2. Replaced the "small tile" option == 3.4.1 (2012-04-04) == 1. Fixed a linear gradient bug == 3.4.0 (2012-03-27) == 1. Added support for background properties 2. Added compatibility notes for certain advanced properties == 3.3.0 (2011-11-03) == 1. Added support for publishing code to CodeColaPatterns.com 2. Fixed some bugs == 3.2.1 (2011-08-31) == 1. Fixed a bug in the comment feature where comments moved when the page was scrolled == 3.2.0 updates (2011-08-30) == 1. Added support for the "-webkit-text-stroke" property 2. Added another way to select elements: press the "f" key, enter any CSS selector in the text box that appears, and press Enter 3. When displaying the current element (by moving the mouse over "?" on the panel), make the panel translucent so the selected element beneath it is visible 4. Improved the popup animation 5. Fixed a gradient control bug == 3.1.0 updates (2011-08-0?) == 1. Added support for the 2D "transform" property 2. Added many font families to the "font-family" property == 3.0.1 updates (2011-08-02) == 1. Fixed a bug where the inspect element feature occasionally failed to block existing page events 2. Changed the extension description == 3.0.0 updates (2011-07-24) == 1. codecola switched to the YUI3 engine, becoming more stable and powerful. 2. Numeric-only form controls were converted to HTML5 number controls, with support for the up and down arrow keys 3. codecola can now run perfectly outside the Chrome extension environment, provided the browser supports new HTML5 form controls, especially range controls 4. code-cola-widget was separated from codecola. It is a visual control library that now includes color, angle, and gradient controls. GitHub: https://github.com/zhouqicf/code-cola-widget == 2.4.0 updates (2011-06-04) == 1. Added a -webkit-mask-image control 2. Added a -webkit-box-reflect control 3. Added a transparent background indicator to all color controls 4. Optimized the code == 2.3.0 updates (2011-04-21) == 1. Convert relative resource paths on the page to absolute paths when sending editing results to the server 2. Added support for "RGBA" color values to all color-related controls 3. Added IE10 support for linear gradients with -ms-linear-gradient 4. Added the opacity control 5. Fixed a linear-gradient bug == 2.2.0 updates (2011-04-04) == 1. Added support for "-moz-linear-gradient" and "-o-linear-gradient" 2. Fixed a bug preventing multiple selection with the command key on Mac 3. Fixed a bug that allowed the panel to be dragged outside the browser window 4. Fixed a bug that prevented blocking existing page events while selecting elements, enabling element inspection similar to Firebug == 2.1.2 updates (2011-02-09) == 1. Changed the default language to English == 2.1.0 updates (2011-02-05) == 1. Added CSS3 linear gradients 2. Added the ability to send changes to the server for saving and return a link 3. Refactored a large amount of code == 2.0.0 updates (2011-01-15) == 1. Visual Firebug was renamed Code Cola 2. Added comments (2.0.1 fixed a bug in newline replacement) 3. Added the ability to add, edit, or delete multiple CSS properties at once 4. Added support for vendor-prefixed properties such as -moz 5. Changed the version numbering format 6. Added a prompt to save when users leave the page during editing == 1.15 updates (2011-01-09) == 1. Fixed the angle controls for text and box shadows being opposite to Photoshop 2. Fixed a bug where text and box shadow form controls could not be initialized after selecting an element 3. Added the "spread" parameter for box shadows 4. Adjusted the maximum values of some range controls == 1.14 updates (2010-12-31) == Added i18n support. Current languages include "en" and "zh_CN"; Chrome selects the corresponding language based on your settings. == 1.13 updates (2010-12-30) == Replaced the icon. Thanks to 阵风 for the excellent design. == 1.12 updates (2010-12-27) == 1. Added the ability to close the extension by clicking the toolbar button 2. Added notices for situations where Chrome security permissions prevent the extension from working, such as: 2.1. Local pages using the file:\\\ protocol; upload them to a server or place them in a local server directory 2.2. Pages under the chrome.google.com domain 2.3. Pages under chrome:// == 1.1 updates (2010-12-17) == 1. Hold ctrl to freely select multiple elements 2. Added a feature to display the current node on mouseover 3. Added an about section 4. Fixed a bug where the current style was still calculated while dragging the panel 5. Tested multiple websites and corrected style interference