Chome: sub-pixel positioning makes item content blurry.

[mottey]

When using Tremula with the Pinterest layout in Chrome I get blurry text/content in grid items. Seems to be related to it's sub-pixel positioning. (ie. transform: translate3d(63.5px, 176.952176112737px, 0px); ).

Any ideas on how to best fix this?

Thanks!

[garris]

Hi Mottey,

Yes, I have seen this behavior but it's not consistent and not really necessarily related to sub-pixel placement.

Take a look at the screenshot below -- these items are ultimately calculated and assigned the same way as the Pinterest layout-- here is the url:

This screenshot was taken with the following configuration...

• The environment is chrome on OS X with a retina screen
• The font is Helvetica.
• The font-smoothing is default.

If in your case, if it's caused by the OS or Screen resolution then you may be able to improve things by using different fonts, font sizes or rendering settings.

Let me know what your config is -- maybe I can try to replicate that here.

Hope this helps...

[mottey]

You're right that it's environmental and has many factors!

I'm using Win8/Chrome 38 and your art.com example is blurry for me too...

I'll keep investigating, thanks!

[garris]

Thanks. Please let me know if you find anything interesting... :)

I will ask around here also to see if anyone else has come across this issue and found a workaround.