The Expressive Web
If you’ve been keeping up the news and happenings in the technology industry over the last couple of years, you’re probably aware of how Adobe has been receiving a lot of flak for their (pretty-much) broken products and technologies (Mostly Flash) that to some extent, hamper the performance of other products. Apple has already been taking big steps in making sure that their products are not affected by any of this, by dissing Flash altogether. The other products in the market that do carry flash, haven’t had any good reviews when it comes to battery-life and performance either.
But, you see, Adobe is not just Flash and Creative Suite. It seems, the company is still trying to stay in the race and keep its name in the market. I was reminded of this following closing quote from Apple’s Thoughts on Flash:
Perhaps Adobe should focus more on creating great HTML5 tools for the future, and less on criticizing Apple for leaving the past behind.
It looks like Adobe has started doing just that. A few weeks ago, the company announced a Flash to HTML5 Conversion Tool and early today, released a product called ‘Edge’ which is a tool to Create HTML5 Animations And Webpages.
But the most fascinating news that came our way today was the launch of a new site called The Expressive Web. The goal of the site, they claim, is
[...] to create both a resource and showcase highlights some of the most creative and expressive features being added to the web today. In addition to highlighting and providing information on twelve new HTML5 and CSS3 features, the site itself makes extensive use of new features such as CSS3 transitions, CSS3 transforms, web storage and more to provide a visually compelling resource for learning more about HTML5 and CSS3.
The website looks absolutely gorgeous and has interactive demos of the above features that you can toy with. Here’s a list of what’s present on the site:
- CSS3 animation
- CSS3 gradients
- CSS3 media queries
- CSS3 shadows
- CSS3 transforms
- CSS3 transitions
- CSS3 web fonts
- HTML5 audio
- HTML5 canvas
- HTML5 forms
- HTML5 video
- Web storage
Each feature page contains:
- A demo of the feature.
- Data on browser support.
- Links to examples in the wild that use the feature.
- Links to more in-depth resources and tutorials.
- Detection and fallback strategies for the feature.