* CSScomb is a coding style formatter for CSS.
* You can easily write your own configuration to make your style sheets beautiful and consistent.
* Requires nodejs.
Before installing/using this plugin, you need to install nodejs and the CSScomb script.
Installation:
1.) Download plugin .ZIP file.
2.) Download and Install node.js from https://nodejs.org/
3.) Reset computer. (Required after install of node.js)
4.) Open command prompt.
5.) Enter this at the prompt: npm install csscomb -g
6.) If everything went well you should see something like this:
- Code: Select all
C:\Users\Home\AppData\Roaming\npm\csscomb -> C:\Users\Home\AppData\Roaming\npm\n
ode_modules\csscomb\bin\csscomb
csscomb@3.1.7 C:\Users\Home\AppData\Roaming\npm\node_modules\csscomb
├── vow@0.4.4
├── commander@2.0.0
├── gonzales-pe@3.0.0-28
└── csscomb-core@3.0.0-3 (minimatch@0.2.12, vow-fs@0.3.2)
7.) Open WeBuilder and select "Plugins -> Manage Plugins" from the menu.
8.) Click "Install" and select the .ZIP file you downloaded in step 1.
9). You can now process your CSS files (or selections) through CSScomb directly in the editor.
If you want to change how CSScomb works, you can modify the CSScomb config file "csscomb.json", located in the CSScomb plugin folder. (%USERPROFILE%\AppData\Roaming\Blumentals\WeBuilder\plugins\CSScombWB)
Changes:
v1.1 - Progress bar added
v1.2 - Better layout. Window is now a modalbox
v2.0 - Rewrite of code. Progress bare now replaced with Busybox
v2.01 - Converts Unicode to Entities as a workaround for the TStringList SaveAsFile encoding problem.
v2.02 - Changed the Save/Load methods from using TSTringList to using ADODB.Stream. This fixes the encoding problem.
Feedback appreciated.
(I only use WeBuilder, so I haven't tested if it works in HTMLPad, Rapid CSS or Rapid PHP.)