*
Webkit Magic
After finding the solution to one of the most annoying iPad MobileSafari bugs/features some weeks ago, I found a solution for an even worse Safari CSS nightmare today:
Border-Radius-Artefacts
(All credits for this screenshot go to Mike Harding)
This is such a crap. You want to make use of the awesome
-webkit-border-radius attribute and unfortunately picked the wrong border/background color combination. Safari can be such a sucker, but here’s Mike’s fix:
-webkit-background-clip: padding-box;
Cross-browser kerning
I just found a new css wizardry thingy, which actually looks like there’s at least a cross browser solution to have better kerning for the web. Very interesting indeed.
body { text-rendering: optimizeLegibility; }
Cross-browser kerning-pairs & ligatures
Update: just added it to this blog and Zootool.
Noticed any difference? :)
