Code Cola

Code Cola is a chrome extension for editing online pages' css style visually.

Code Cola: Chrome Extension for Editing CSS Styles Visually

The Chrome extension 'Code Cola' is an innovative tool tailored for both developers and casual users. Its primary function is to enable live and visual modifications to the CSS styles of any webpage, fostering an interactive development platform right in your browser. From editing colors, dimensions, to complex CSS commands, Code Cola is fitted with features that simplify the CSS modification process. It suits professionals and beginners alike, making it a comprehensive tool for all.
Install from Chrome Web Store

Extension stats

Users: 20,000+
Rating: 4.63
(188)
Version: 3.5.0 (Last updated: 2013-05-01)
Creation date: 2013-05-01
Risk impact: High risk impact
Risk likelihood:
Manifest version: 2
Permissions:
  • tabs
  • *://*/*
Size: 193.54K
URLs: Website

Other platforms

Code Viewer & Code Editor (v1.0.9)
3.64 (39) 28,310+
Not available on Firefox
Not available on Edge
Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.

Extension summary

Analyze keywords

Source: https://github.com/zhouqicf/code-cola Document: http://www.zhouqicf.com/code-cola CodeCola Patterns: http://codecolapatterns.com

Code Cola is a chrome extension to generate css visibility.

== 3.5.0 (2013-05-01) ==

  1. new ui
  2. remove note function
  3. optimize eye function
  4. add "text-align: justify" support

== 3.4.3 (2012-05-27) ==

  1. linear-gradient support any degree
  2. when alpha is 1, return rgb color replace rgba
See more

User reviews

These summaries are automatically generated weekly using AI based on recent user reviews. Chrome Web Store does not verify user reviews, so some user reviews may be inaccurate, spammy, or outdated.
Pros
  • Helps visualize CSS changes effectively
  • Cuts down on the amount of clicking needed to achieve desired changes
  • Powerful functionality
  • User-friendly for making style changes via devtools
Cons
  • Non-responsive or unclear usage instructions
  • Lack of documentation or help resources
  • No option to save CSS changes
  • No way to change the extension's size or anchor it
Most mentioned
  • Wishes for a way to save CSS changes
  • Requests for documentation or help
  • Expresses appreciation for its powerful features
  • Experience of a learning curve for new users
User reviews
I've been showing colleagues how to make style changes via devtools... while its easy to do, the learning curve is much simpler with this and it works quite well.
by Garry Flanagan, 2024-04-25

Non Responsive - can't figure out how to use it, or if it even works.
by josh wanner, 2022-08-04

可惜无法为网址保存设置
by MonsterAbseits Red, 2021-06-07
View all user reviews

Extension safety

Risk impact

Code Cola requires some sensitive permissions that could impact your browser and data security. Exercise caution before installing.

Risk likelihood

Code Cola has earned a fairly good reputation and likely can be trusted.

Upgrade to see risk analysis details

Promo images

Code Cola small promo image
Small promo image

Similar extensions

Here are some Chrome extensions that are similar to Code Cola: