webdesignerwall.com have published a great tutorial in which you can learn an effect for image color change on hover.
Of course, this effect isn’t nothing new, but without HTML5 you would require two images – a grayscale and a colored version.
The plugin supports downgrading to a simple colored image if HTML5 isn’t supported.
Overall, this is a very nice supplement for an innovative design.
DHTMLX Touch is an HTML5-based JavaScript library for building mobile web applications. It’s not just a set of UI widgets, but a complete framework that allows you to create eye-catching, cross-platform web applications for mobile and touch-screen devices.
The framework is compatible with the major web browsers for mobile platforms. Applications built with DHTMLX Touch will run smoothly on iPad, iPhone, Android-based smartphones, and other popular devices.
Silk is a website for creating beautiful art with silky patterns that slide depending on the user’s input.
Although you can doubt whether or not Silk’s users create ‘art’ and what ‘art’ really means, you cannot doubt the beauty of the mind-boggling patterns.
Silk uses HTML5′s <canvas> tag creatively, and even if art is not your specialty (but coders are artists, too), you can still learn a lot new from the source. ;-)
www.designorbus.com have published a pretty HTML e-mail template.
The template has built-in social bookmarking icons, space for three larger and three smaller images.
As emails you send in campaigns should abide to your site’s brand identity and design, you’ll most likely have to modify the template.
It won’t be a problem, though, as the template’s source code has numerous helpful comments.
You’d use this template for your websites and blogs which have an email newsletter (every single project, eh?).
The X-Icon Editor is the latest HTML5 discovery out there–an online tool for editing icons. It works by using HTML5′s <canvas> tag.
In the site, icon editing takes only four easy steps, and you’re, of course, free to use the end product.
The straightforward graphics interface allows creating high-definition icons on the fly; the graphics palette even introduces an “alpha” variable, which is a feature that many desktop icon editors are missing.
You can also make adjustments to existing icons (and images) by using the import tool.
HTML5Demos.com is an interesting collection of 23 Html5 experiment. These demos contains also the technologies used and the browser support. You can filter the list by clicking on desired features.
Some of technologies used in the experiments are:
22 January, 2011
By Lauris Veips
