This page is primarily dedicated to experimental projects I have done in the past as I don’t write enough to create a blog.
The rise of HTML5 (or just HTML now) has brought us greater possibility for native browser support on richer web experience. One of the biggest spotlight shines on HTML5 is its ability to, with supported browsers natively, view video/audio cross-platformed even in mobile devices without the use of Flash, and also Canvas, SVG to draw and dynamically manipulate graphics even in 3D space. Although it still hasn’t mature, and on the video side, doesn’t offer as much controls for video, also no support in IE below v9... having said all that, the web is heading toward HTML5 full forced no doubt.
Below are some of my experimental HTML5/CSS3 projects as well as some older multimedia things I have done in the past.
iPad Web App—my latest to-do experiment on the list
Sencha Touch, to-do
Sencha Touch web site
So yes... here it is, finally my head is out of the sand and ready to put web app on my to-do learning project. I came across Sencha Touch framework and am totally impressed by its capability and ease-of-use for designer. I have some ideas what I want to do already. Stay tuned for more info!
This is a project I created for a client who wants to feature 30 team videos on multiple devices and all modern browsers. At the end, HTML5, jQuery, and jPlayer (for background music) was used to achieve that goal. The page is for internal audiences only, I used FancyBox for navigation, jQuery for device detection and media-queries to optimize page for different screen size. The page plays smoothly on iPad, iPhone OS4, IE7+, Safari and Chrome.
I was inspired by the Falling Leaves animation so I decided to create my own version. This page is best viewed in Safari. Didn’t take long to create and it was fun to have the "froggy" walk across the screen. Obviously, still have a few things to fix, I need to come back and fix the audio on FF.
This game was a project in my school. It was a lot of fun to create because I got to build it from very beginning. I designed all my characters, scenes, what kind of game levels and wrote the code. Although this is an older project, I still think its fun to share!
This Ai to Canvas plugin is awesome. Just create your own vector art in Illustrator and install plugin .. it will export your illustrations in HTML5 Canvas!
