Image Colors Appear Wrong on Chrome/Windows - browser

While testing a design for a site, I took a screenshot with "TinyGrab" and sent it to a friend.
The friend saw something entirely different from myself... On Windows and only with Chrome, the blue in this photo appears purple. On OS X (even with Chrome) or with any other browser, the blues appear just fine.
Can anyone explain what is happening?
This is the image: http://c0848462.cdn.cloudfiles.rackspacecloud.com/fc3572c4aff9588ff9add4e2aad47755.png

Sounds/looks like the colour profile for your monitor or a monitor is being embedded in the file. You could try using something like ImageOptim (MacOSX) as part of its lossless compression removes extraneous data like profiles from images.
Hope that helps.

Related

White bars at the top and bottom of extension when opened in chrome

I just started developing an extension earlier today and when I checked how it would look within the browser I noticed these white spaces at the top and bottom. I noticed similar but smaller spaces in other chrome extensions I have. I can't seem to find anything online about it. Does anyone know what's going on and how I can fix it?
Here's a picture for reference:
image that shows a picture of extension
The white space at the right side isn't part of the problem it was just the way I captured the picture.
--Question was answered by wOxxOm in comments below.

Combining Text messages and Video

I am using Adobe Flash Media Server. I am trying to do one 2 one video chat with clients exchanging text messages back and forth. I want to alternate different text colors such as red and blue to stand out well. I tried using css but it changes all the text colors not just each message.
Can find any examples at all in ActionScript. Please can somebody point me in the right direction?
Thanx in advance
I think you might need to add some source code of stuff you've already tried.
In general though, any text formatting, including colours, can be done via TextField.setTextFormat();
Also look at the TextFormat class.

Adding a fireworks type of graphic to my app

I want to have a graphic that displays a miny fireworks type of look when someone clicks something...you know, like having 4 or 5 small stars burst up and out. Does anyone know of any sample code that does something like that?
EDIT...
Sorry, I forgot to mention that it's an Android project developed in Eclipse.
You can use some particle system to simulate fireworks and other similar media. It depends what language, OS etc you use.

Web Colors - Light Grays on PC not showing

I could be completely off but just wanted to see if there was anything on this subject:
I'm developing a site at the moment that includes a few DIVs that use different shades of really light greys for background and border colors. On both my Mac (laptop and desktop) the colors can be seen quite easily. However, on PC (both Firefox and IE) the colors are not there at all.
The current colors I have are #E9E9E9 and #E1E1E1.
The weird thing is when I change the colors to something darker like #CCCCCC the color is easily seen on PCs and I would assume I could put up a few more shades lighter. But when I move it to the next color like #DDDDDD the color is completely gone.
Just on a limb but is there any weird thing like PC's not rendering certain color codes or am I just trying to make something out of nothing here?
I've been in the exact situation and I had a hard time designing UIs because of this issue.
I'm on Ubuntu 18.04 and Chrome, either of which is not the problem.
This issue resides in the monitor settings, in my case I'm using a Samsung Monitor.
I've solved my issue by doing the following:
Reveal your Monitor Settings (via some button in your monitor).
Navigate to Menu, and then go to Picture.
Scroll down to reveal the other settings down below.
Set HDMI Black Level to Normal
Instantaneously you'll see your black colors improved.
There shouldn't be any problem with a PC displaying those colors. It could be a problem with your PC's video settings or your monitor. Have you tried it with multiple PCs and monitors?

Working arround font rendering issues in all major browsers

Since long time i been having a real problem with the different ways that each browser display text.
Sure you have noticed that even when you create a stylesheet specifying everything about the font properties, still every browser display the same text with some differences, the usual problem is the font weight, that even if you specify it different browsers display it different ways.
I would like to know if some as come with a solution. Not turning the text into a image.
Thanks.
EDIT:
This is a example of the problem. On the left Firefox and right IE. However i have defined in the CSS font family, weight, size and still they render the fonts different.
Snapshot
Do you mean that on one browser its bold and another one its normal? A reset should fix that, but if it doesn't, it might be something overriding that.
If you're talking about fonts looking different, it is possible - for example, since Google Chrome / Chromium sandboxes the renderer process, the font rendering won't be affected by other parts of the system, and I believe that it uses some sort of special font rendering. To be honest, on my Linux install, I do get bolder fonts on Chromium, but Firefox displays them fine.
There's SIFR (as pointed above), but it needs Flash and it is a bit heavy. There's also Cufon http://cufon.shoqolate.com/ that uses Javascript. Could you show a screencast so we know what's the problem? Thanks.
SIFR is a good solution, as long as you're only trying to control the appearance of small chunks of text (headings, design elements, etc.)
Beyond that, browsers are perfectly allowed to render text any way they want, and getting it pixel-perfect between browsers and operating systems is usually not even desirable for larger chunks of text. Users will have different accessibility settings and anti-aliasing settings which are tuned to the way they want to read text, and in general websites should try to respect that.
You can use SIFR.
Although this problem is already about a week old, here is a solution that I found, that might be related:
http://blog.wolffmyren.com/2009/05/28/jquery-fadeinfadeout-ie-cleartype-glitch/
If you're not using jQuery, try removing the filter attribute from the elements that are displaying non-Cleartype'd text and it should work, according to that blog post.

Resources