With HTML5 and CSS3 there are a ton of awesome ways we can style things. So the goal here is to create a stylesheet that can be applied to a simple HTML5 page with no classes or ids. The target is recent webkit releases, which means, if its in Chrome beta, go for it.
the codepen base page
If we get a few entries, I’d like to let Chris pick the winner. Maybe he’ll make a blog post about it :-)
The expectation is that everything is styled from the aside to the range input.
Here’s a more-or-less terrible example, but you get the idea.
Oh… and no JavaScript!
Extra notes:
[role=main] is a fair selector, along with rel attributes, and any other attributes that make sense to be there from a screen-reader perspective.
By no JavaScript, I don’t mean any restriction on preprocessors, and prefixfree is enabled on the pen to save you some time — but it doesn’t cover everything you may want to do.
