: CSS development tools for Linux What are some CSS editors and development tools available for the Linux operating system? I'm using vim for everything. Are there some things you would recommend

@Megan663

VIM is a great editor, but for some uses only.

I used Quanta Plus for a long time (it is almost cool as netbeans or eclipse, and has 1/5 of their weight), but its lack of support and outdating face HTML5 and CSS3 made me thing twice.

I vote for:


Firefox + Firebug + WebDeveloper + Palette Grabber
Quanta Plus
Netbeans IDE + PHP + web
Eclipse + Aptana
Opera 10+ (yeah, Dragonfly is cool as Firebug)
Chrome 5+ (same thing for webkit developer tools)

Vote Up Vote Down

@Sent6035632

For developing web sites, my most cherished process is hand-coding in Aptana or Coda and then testing on Firefox. This gives me my 'baseline' for my page. Once I'm done with the page, I'll then test it in multiple browsers on different platforms and fix problems accordingly.

Aptana is an awesome IDE for multiple languages and markup. Best of all, it's free! You may be a bit intimidated coming from vi because the UI very robust but aside from that, there are many features that help you get the job done in an efficient manner. Good luck!

Vote Up Vote Down

@Nimeshi995

The code completion in the Netbeans IDE is pretty cool because it pop's up on-screen documentation. It's also pretty smart and can often complete id and class names declared in other project files.

Vote Up Vote Down

@Hamaas447

You could use Firefox (Iceweasel if you use Debian Linux) with Web Developer Toolbar, it has a CSS editor and you can apply and see your changes in real time inside the browser.
It is under CSS -> Edit CSS, the browser will open a panel containing all loaded CSS files for the page you are browsing, edit your css rules see your changes, you can save it to a file or better select all your css file (the one you'd edited), copy and paste into your original CSS file.
Be careful after editing your CSS, if you have multiple tabs and you change your tab all your rules will be gone, because it will load the CSS files related to the new tab. To prevent this massive loss, you must tell CSS Editor to "stick" with the files you'd edited, you can do that clicking on the pin icon, it's the one before the textbox for search.

There is a very handy web development tool, it's an IDE, Quanta Plus, it's for linux, it's a very useful tool for editing your files (CSS, HTML, PHP, etc), it has sintax highlight, you can manage projects, etc, and you can open your files there for easy copy-paste from Firefox.
If you are interested in Quanta Plus you can read its features.

Vote Up Vote Down