firebug:object inspection - object

In firebug it is so easy and very handy to inspect an object.
However, I don't have any clue about the color code used there.
Some properties are in red, some others in green, some in black, some with bold font, etc...
When you hover over some properties, they change to blue
Anyone can explain this or give a reference.
Thanks
I am using version 1.7 with FireFox 4.0.1

Here you go http://getfirebug.com/wiki/index.php/DOM_Panel

What do the FireBug DOM colors mean?

its hard to find information about that. Maybe this can help you: http://getfirebug.com/wiki/index.php/FAQ#What_do_the_different_colors_of_the_variables_mean.3F
Bold Black are objects
Not so bold Black are DOM objects
Get in Gray in front means "getter"
Bold green are user functions
Not so bold Green are DOM functions
Bold Red are constructor functions

Related

How do I tint an svg in processing and preserve brightness?

I've been trying to figure this out for 2 days now, so I hope somebody can help.
I need to load in svg files that have multiple values of gray within them and tint them with colors. So for example, say the svg file is an image of a rock and has 4 values of gray. I need to be able to display the rock as red and keep the differences between values in the different child shapes. In other words, I would like it to work just like PImage.tint().
I see there are tint() and setTint() methods to PShape but I can't seem to get them to work. I also though about recursing through the child shapes and reading each color individually and recoloring appropriately, but I couldn't even figure out how to read the color out in a way I understand.
Help, anyone?
If you have it as an <img> you can use the CSS filter property with hue-rotate https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/hue-rotate
Or you add the svg directly to the html and add classes to your elements. Then you could change the colors in your script.
If this is a flat colour then you could use the alpha value in RGB colour value. See 'color transparency' in the following link: https://processing.org/tutorials/color/
The fill value is fill(red, green, blue, transparency)
I hope this helps. If you want to share code and have a reason for using PImage I'd be happy to have a look.

How to transform a Grayscale background SVG, to white or black colors

I have Gray SVG icons next to each Menu item (inherited from another project) and displaied as background.
I need to show them black or white but I don't how to achieve this.
As backgrounds I can't use fill css property. I tried with filter:brightness(100) to make them white but I loose anti-aliasing (and analogue with filter:brightness(0) to make them black).
Mask has still serious compatibility issues (e.g. Firefox does not allow external svg).
I tried also to import them as data-uri with LESS feature, but it was unuseful, so.... any suggestion?

Resharper todo items wrong color

I have Resharper set to show Bug and Not Implemented as red in the todo list, and Todo as blue. Yet for some reason it doesn't seem to want to actually use those colors. Instead of red it uses orange, and instead of blue it uses pink...
Has anyone else ever dealt with this before?
It seems, colors are configured for light color scheme. For dark scheme, like your's, ReSharper tries to adapt colors to be visible in any circumstances...

Chrome Extension Badge - Text Color

A quick question regarding the Chrome Badge/Browser Action API.
Is there a method to set the badge text colour? (much like you can with the back colour).
I'm sure I remember seeing a reference to a method such as SetBadgeTextColor() somewhere on the Internet (not sure where, mind).
Edit: Chromium Wiki - Browser Actions Proposal
The link above is where I saw a method to set the badge text colour. Was this proposal ever implemented?
You cannot change the text color directly.
What you can do is to paint the base image on a canvas, then draw the text using your desired color and finally use chrome.browserAction.setIcon to update the badge.
chrome ext detects badge bg color (light or dark) and set text color automatically (black or white). if your background color is around the boundary of those. try to increase or decrease your bg color code e.g your bg color is red #FF0000 then chrome will detects it as light but when you decrease the color code hex to #FE0000 it will detected as dark, and it's still solid red in our eyes

How can I make website objects appear to fadeout as you scroll? (Transparent gradient)

I have a website with some text on the body and a fixed menu bar on top.
I want the text to 'fade-out' as you scroll, instead of disappearing behind other element.
My website's background is grey, so II made a gradient that goes from grey to transparent.
It works great, except that you can sort of tell that there's a grey band across the website.
Notice the band (starting right above the red arrow) on this screen I printed
Why does irt show an off color?
I know about PNG gamma correction, but this is not it, I have removed the gAMA part, I have also tried "fine-tuning" it, nothing will work. (I know I am doing this right because I tried it on a solid PNG, stripped the gamma data, and it perfectly matches the CSS background).
Any ideas on how I can achieve this?! (I can use any other method, doesn't need to be a PNG gradient, but I do need it to be a fade-out).
Make a gradient from opaque gray to transparent white.

Resources