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!
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…
A good friend of mine, Mr Nathan Parks has just had his first app hit the Apple App Store and it’s a really great little app.
More…
I have just completed a brand-new website for baking enthusiast Fearne Lewis (my girlfriend), over at oakwaycakes.co.uk.
It’s called “Oakway” Cakes & Buns after the street where we both live, its a blog basically about all of Fearnes cakes that she likes to bake and what she will be learning now she is taking classes in how to decorate them, what went wrong, what turned out great etc.
The branding, design, build and WordPress integration was done by me, with content by Fearne!
Check it out and hope you like it!
I made my website more ‘Responsive’ this week after reading this great article.
By adding in a new media query which, detects if a user is viewing my website on a device with a screen resolution of 480px or less, (iPhone users etc) a new CSS file is used called iphone.css which, I then use to optimise the site for mobile browsers.
It didn’t take me very long to do; only a couple of hours, and I think it makes the site much easier to navigate now than when trying to use the full version of the website on your mobile.
I was bored so I created a CSS3 only button, with some nice grads, text-shadows, border-radius, box-shadow and :active styles too, I think it came out looking pretty great.
The button uses no images at all and the markup consists of simply an <a> tag with a <span> inside – simple.
Check out the shiny, shiny.
