ZEN audio player is the latest HTML5-CSS3 experiment from Simurai, and it makes me yearn for the not-too-distant future when all browsers will support such things. If you haven’t already, it’s worth taking a look through his other experiments.
Fixing the background ‘bleed’
I recently came up against an issue in Safari where the background colour of an element seemed to ‘bleed’ through the edge of the corners when applying both borders and a border-radius (see the image above). After seeing David Cole tweet about the same issue I resolved to find a solution, and it came in the form of the -webkit-background-clip property.
-webkit-background-clip: padding-box;
It’s important to note that if you are using the shorthand notation to specify your other background properties then this should be added after those. It seems that the shorthand notation implies a default clip value which will override one that’s previously set. Your mileage may vary, but it worked a treat for me. Read more about the available values for the property here.
Update: This post has been generously translated into Bulgarian by Albert Ward.
The 389
The 389 project from Just Be Nice is loaded with really interesting experiments using javascript and standard form elements.
Bonus: their homepage has a Bricks-style game that uses your browser scrollbar.
David Desandro constructed a typeface called Curtis entirely out of CSS. It’s an interesting process, reminiscent somewhat of Fontstruct but entirely manual. Using the ‘Inspect’ view he provides, you can see the building blocks he used to create them. Really great stuff.
(Via coffeemakescreative)
