Code Completion for Colors in CSS

Another improvements that is based on your comments is code completion for colors in CSS rules. The code completion for color and background property offers now at first position an item that opens color chooser. 

There is a standard Java color chooser and when you select a color in the chooser, the color is completed. The chooser remembered last selected color and also the item in code completion has an icon (small square) with the last selected color.

The color chooser above is from Linux platform. On Mac and Windows machine the color chooser looks like on the picture below and it looks better. If there will be time, the standard Java color chooser component will be replaced with a custom component, that should be better for web developer purpose.

If you look at the first picture, there are black and gray color code completion items. The black color items are used in the edited file and the gray color items are colors that are used in other CSS files in the project.

In the same way works code completion for color and background property of a style in HTML and PHP files.


Simply awesome!

Posted by guest on February 25, 2010 at 07:17 AM CET #

Another great feature would be showing defined colors near line number on the left. IntelliJ IDEA does it this way.

Posted by Sam on February 25, 2010 at 07:38 AM CET #

Perhaps a little bit OT:
But I can't uninstall plugins, using the latest dev build on OSX...

Someone with the same problems?


Posted by Urkman on February 25, 2010 at 02:51 PM CET #

What about supporting the SVG color names? They're part of CSS3 and already accepted by most/all browsers.

Posted by Tor Norbye on February 25, 2010 at 03:18 PM CET #

Brilliant, I've been missing color-picking function from the moment of migrating to NetBeans.

And very nice proposition here is done by Sam, would be quite handy.

Posted by Vaviloff on February 26, 2010 at 03:20 AM CET #

Tor, I've just added (web-main#6c8e503dc05d) the CSS3 SVG colors to the editor support. Thanks for the proposal.

Posted by Marek Fukala on February 26, 2010 at 06:36 AM CET #

It is definitely a big feature that is still missing in the previous releases. With that feature available in NB 6.9 I think I don't need Dreamweaver to choose a color for CSS selectors any more.


Posted by pcdinh on February 26, 2010 at 09:58 AM CET #

as usual cool

Posted by alexey_baranov on February 26, 2010 at 09:23 PM CET #

Anyway to swap out the ColorPicker with the NSColorWell on Mac OS X? The missing feature from the Java's and Apple is the eye drop tool that selects any color on the screen (e.g. designs).

Posted by JNunez on February 28, 2010 at 06:31 AM CET #

Will the mac/windows color pickers also have the Color Triangle?

Posted by thinsoldier on March 01, 2010 at 01:08 PM CET #

This is very nice!

Then only missing thing is the eye-drop tool. This would make it easier to pick colors from the screen.

Here goes another idea...

The only thing left for Netbeans to do is to provide a nice little photo editor to resize, recolor or crop images. Netbeans could also show a preview and/or dimensions of the image. I think these features will be a welcome addition for CSS3's border-image, etc.

Another feature to have is the ability to load predefined color palettes or maybe even create a palette and share it with other users.

Posted by php/ajax on March 02, 2010 at 12:56 PM CET #

This is a nice feature. Thanks.
But in my opinion the standard Linux chooser is okay...

I think NetBeans becomes more and more an IDE which will be used by Web-Designers, too.

Posted by Christian on March 08, 2010 at 07:35 AM CET #

How are the colour values sorted in the dropdown? TopStyle sorts them by use-frequency, with the most used colours at the top of the list (With their use count displayed at the side)

This is very useful for identifying which colour is used in which scenario when editing a document.

Posted by Denyerec on March 09, 2010 at 05:39 AM CET #

At last I don't have to use Opera widget/Firefox plugin to do this. :) Color picker is THE think that was most needed in CSS editor.
Thank you. :]

Posted by Azrael Valedhel on March 12, 2010 at 09:28 AM CET #

Hi, this is what i need in every CSS editor.
Oh i remember something about ZendCoding. Does Netbeans support ZendCoding for both HTML & CSS

Posted by azul on April 21, 2010 at 01:56 AM CEST #

Aleluyaaaaaaaaaa! the selector color it available =D.

Posted by Armando on June 08, 2010 at 09:48 AM CEST #

I cant locate color picker, i am using 7.0.1

Posted by Amit on September 19, 2011 at 01:59 PM CEST #

Post a Comment:
  • HTML Syntax: NOT allowed

This blogs is written by NetBeans developers who contribute to the PHP support mainly.


« July 2016