This week’s show is sponsored by:
Mentioned in the show:
- Paul Irish - Chrome dev relations guy at Google.
- “HTML5 is a jewel that we need to cut into a weapon” - Dion /via Yehuda Katz
- Adam is in love with GitHub’s new editor powered by Cloud 9
- HTML5 Boilerplate contains a set of best practices to use as a starting point for new projects or pick what you need a la cart.
- Boilerplate now includes Normalize.css, a customisable CSS file that makes browsers render all elements more consistently and in line with modern standards.
- Normalize is a collaboration between Nicolas Gallagher and Jonathan Neal
- rack-modernizr from Marshall Yount brings Modernizr to the server
- Paul coined the term FOUT - Flash Of Unstyled Text.
- HTML5 polyfills implant html5 functionality in browsers that don’t natively support them.
- Paul makes micro microapps for CSS3, text shadows, and HSL picking.
- Paul is a fan of Chris Coyer of CSS Tricks
- Need an idea for a weekend project, check out Paul’s Lazy Web Requests
Tried to make a Brushed Metal style in CSS3. The texture is done by using 3 repeating-gradients with different length. That makes it look somewhat random. For the linear version, browser support is pretty ok, but for the radial one it’s not quite there yet. I think only in Safari 5.1 and Chrome Windows.
In addition I tried to add a conical gradient for the circle with just faking it with ellipse gradients. It’s ok for low contrasts and if you cover the middle part with an icon or so.. hehe.. ;-P A much more real looking technique is used in this experiment, but I believe it currently only works in Safari and Chrome Windows. Let’s hope that CSS4 will add support for real conical gradients.
See live Demo.