I highly recommend front-end developers keep up to date with Lea Verou's blog and talks. She's a great ambassador for standards-based development and maintains a great sense of whimsy.<p>I really recommend her recent talk on border-radius, for example: <a href="http://vimeo.com/67567648" rel="nofollow">http://vimeo.com/67567648</a>
The demo works in Firefox, not just Chrome. What is this, some kind of standard that works across many different implementations? ;)<p>Too often do demos for showing off the web work well only in Chrome. This one works fine in Fireox, the animations are very smooth. I'm on a very basic Arch Linux setup I installed a couple of days ago, with no configs in any way other than installing the correct driver for my on-chip Intel GPU. So if it works for me, it should work for most people.
This is actually a really good learning tool for showing people what different html/css properties do by visually showing the ranges and effects they give.
Source can be found on: <a href="https://github.com/leaverou/animatable/" rel="nofollow">https://github.com/leaverou/animatable/</a>
This is really cool! I'm in my first job where I'm having to touch some front end things, and this is definitely going to come in handy in learning how various style elements work and interact with one another. Who knows, maybe I'll end up using this library in some stuff!
#19 shows an interesting bug (I believe a bug) in outline styles: the z-index of the outline is above all previous elements but below all elements that follow (chrome). I hope this is fixed cuz I'd like to use outline.<p>Another awesome demo from Lea Verou!!
All of the border-width examples act somewhat strangely on Chrome and Firefox both.<p>Otherwise, this is great. I love these demos as they really give you an intuitive sense of how CSS works.
Why is everyone fawning over something we all here could easily make in Flash?<p>This problem was solved 10 years ago, people. Let it be a reminder that we've regressed.