Lots of impressive and delightfully designed mini-projects here. Highly recommended.
iOS icons made in pure CSS. Amazing work, and a treasure trove of creative techniques for CSS decoration.
Google’s has a new tutorial site aimed at helping developers dive into HTML5. Pretty nice!
Some great notes by Thomas Fuchs. He points out several counterintuitive and arcane peculiarities of WebKit’s rendering of neat new CSS3 features.
Apple just launched a website which demoes some great examples of rich webpages made using standards-based technologies. A fantastic resource.
A neat visual demonstration of the the different timing functions for CSS transitions. Non-animators may not be familiar with these, so it’s helpful to see what they look like.
We now have a Twitter account, @html5watch. This will simply auto-tweet any new posts to the blog - if you use Twitter as a micro subscription reader (I do!) you might like it.
A re-creation of Apple’s demo iAd for Toy Story 3. Makes for a pretty good introduction to 3D transformations.
Another solution for cross-browser HTML5 video, with Flash fallback. Can’t vouch for it, so please do your own research. The demo looks good in Safari.
(Submitted by Catalin Cimpanu.)
Nicholas Gallagher:
This is an experiment that creates social media icons using CSS and semantic HTML. It uses progressive enhancement to turn an unordered list of text links into a set of icons without the use of images or JavaScript.
It bears repeating that the point of experiments like this isn’t to replace logos with CSS, but to show that fairly complex designs can be made in CSS - and you’ll need that sooner or later.
A similar, and more useful, demo: CSS speech bubbles.
