Blog

Google Chrome Text Opacity

Oct 282011

text-rendering

Came across a very strange bug today when checking out a website in Google Chrome.

White copy on a black background was not appearing, I could select the text and could also see it in Chrome’s Element Inspector.

I changed the color to ‘yellow’ from ‘#fff’ in the Inspector and suddenly the copy appeared but it was far from yellow, more like a gold colour, it was almost blurred too – it seemed like there was something going on with opacity on the text.

I quickly added ‘opacity: 1;’ to the document but no change, so I thought maybe it was to do with the font; I had got ‘-webkit-font-smoothing: antialiased;’ enabled, was it that? No, instead I tried ‘text-rendering: auto;’ and BOOM the font was now appearing in the solid yellow colour.

It would seem that this is a bug with Chrome and seems to happen (or at least in my case) when you are using any webkit transitions on the site, it only appeared on random spans, but also appeared on a module which I was flipping with webkit.

Hope this helps others out!


Caribbean

Oct 202011

caribbean

Phew, I’m back from the best holiday of my life – a two week Caribbean cruise! On our Royal Caribbean cruise we stopped at some wonderful spots such as Mexico, Jamaica, The Cayman Islands and Haiti.

More…


Gowalla 4.0

Sep 232011

gowalla4

Off the back of my original post about Gowalla, the team there have now released an updated version of the app and it’s absolutely beautiful to look at!

The update is stunning from a design perspective especially that loading animation when refreshing your lists, however I do feel the app itself has taken a direction I’m not thoroughly fond of….

More…


Portamento

Sep 162011

portamento

I’ve been a big fan of The Drums, ever since I saw them support Florence and the Machine a few years ago, their debut album ‘The Drums’ was also brilliant and was definitely my album of the summer that year…

More…



Must… resist…

Sep 72011

…the urge to somehow get ahold of this fully functional Pip-Boy 3000 from the Fallout video game series, There has been versions of this created before, however the screen is normally simply a sticker, this however has a fully realised Android App built in that replicates the in-game menus – brilliant!

More…