New stable release with improved color picker

Today's new release on the Opera Dragonfly stable branch includes some major improvements to our color picker. It now opens next to the color being edited, instead of being a floating window. The interface itself has been made lighter, with a smaller size and a gray background. The alpha value is now always available, while previously it only appeared when the original color being edited was specified as rgba or hsla. The palette is available in the bottom left corner and colors can now be added and removed directly from here.

The interaction has also been improved. Scrolling with the mousewheel over the color space will now move the pointer towards or away from the cursor depending on the direction. This makes it easy to blend colors between two points. OK and Cancel buttons have been added, based on user feedback.

The new and improved color picker dialog window

But it's not all just about the colors. In this release, we also improved inspection of getters. They will now be presented as getter in italic, and clicking this text will evaluate the getter and show the according value.

Animation showing the new getter evaluation: clicking on the 'getter' string triggers the evaluation, and the according value is displayed in its place

In the Network panel, we've updated the UA presets for global header overrides in the options tab to reflect some of the latest browers. And, as a final tweak for this build, Opera Dragonfly will now use the system's application font for its interface elements.

Early look at upcoming features: "pretty print", function return values, UPnPExperimental build with integrated style profiler preview

Comments

IllusionMH109th Friday, May 11, 2012 2:42:00 PM

Nice changes.
Waiting for them in the experimental branch bigsmile

Thiemo Friday, May 11, 2012 2:54:43 PM

The palette is shifted up and to the left and closes to fast when I try to move the mouse from the palette icon up and left to the actual palette. Update: After clearing the web storage for Dragonfly the palette is not shifted to the left any more. But the problem remains: When I move the mouse slowly from the icon to the actual palette it closes.

Martin KadlecBS-Harou Friday, May 11, 2012 4:52:49 PM

Originally posted by 109th:

Waiting for them in the experimental branch


Same here smile

Çağlar Yeşilyurtgreench Friday, May 11, 2012 5:23:19 PM

Now, color palette is very useful than before.

Constantine Vesnac69 Friday, May 11, 2012 7:15:17 PM

should we take inspection of getters as a sign upcoming of deeper ES5/HTML5 debugging support ? I mean canvas, different display of frozen/sealed properties, websockets , webworkers, fileAPI and usermedia ?

Originally posted by 109th:

Waiting for them in the experimental branch


+1 chef


Ayrton Nadgelayrtonnadgel Saturday, May 12, 2012 11:04:37 AM

Originally posted by 109th:

Nice changes.
Waiting for them in the experimental branch bigsmile


+1 whistle

Unregistered user Saturday, May 12, 2012 11:39:37 AM

Anonymous writes: Thank GOD 4 today

MaximSailorMax Saturday, May 12, 2012 6:35:11 PM

Thanks for color picker, but why I don't have arrow on it (at right) as on the screenshot? wink
Opera 12 b1406

update: my mistake. Looks like I have not latest version...

Hope new version under windows will have "Cancel" button at right wink

RobMintsoft Sunday, May 13, 2012 9:38:23 AM

Originally posted by 109th:

Waiting for them in the experimental branch


+1 smile

ПавелGemorroj Monday, May 14, 2012 6:29:06 AM

Originally posted by 109th:

Waiting for them in the experimental branch


+1 rolleyes

Christian Krebsaleto Tuesday, May 15, 2012 10:46:27 AM

The experimental path is now updated.

JanGen Thursday, May 17, 2012 11:41:33 AM

Great improvement the new colorpicker behaviour! Like it.

Still there is the HSV != HSL typo bug.
Colorpicker showing HSL but it's calling it HSV

http://en.wikipedia.org/wiki/HSL_and_HSV
DFL-2718

Christian Krebsaleto Thursday, May 17, 2012 10:29:42 PM

Originally posted by JanGen:

Still there is the HSV != HSL typo bug.


The color picker shows HSV, e.g. red is 0, 100%, 100%, not 0, 100%, 50%. Or you are asking that we show HSL instead? I think HSV is better, in HSL you would get much more white, black and gray values, a bit less intuitive to pick a color. But you're right, in CSS it is HSL.

JanGen Friday, May 18, 2012 2:16:02 PM

@Christian.

Sorry it's my mistake, I must have looked wrong, cause I saw the same values in the colorpicker, as in the css rules, but I checked again and they differ.

There is something very intuitive in HSL: set the color, set the saturation and set the lightness. That's only changing one parameter to make a color darker or lighter. So rationally i would prefer HSL but I think you're right that visually you would prefer HSV, so that choice is arbitrary.

BTW when I enter h:0 s:100, v:0, then tab away and then go back and change v:100, s is changed automatically to 0.
Is that a bug?

Christian Krebsaleto Saturday, May 19, 2012 10:36:05 AM

@JanGen

If you set v to 0 then s is basically undefined, so it gets set to 0 too. It is a small bug that s is not updated instantly to 0.

Write a comment

New comments have been disabled for this post.