Pokki – HTML5, CSS3, Javascript Desktop applications!

Pokki - Build HTML5, CSS3, Javascript desktop apps
Pokki - Build HTML5, CSS3, Javascript desktop apps

What is Pokki?

The time to harness the full capabilities of HTML5, CSS3, AJAX and Javascript has come. Pokki.com is a new desktop application that sits in your taskbar from which you can download small applications that are beautiful and useful at the same  time! It’s very fast, clean and easy to use. Currently there is a good bunch of apps you can use, Facebook, Tweeki, Gmail, productivity applications as well as other social apps.

Pokki Sits in your taskbar
Pokki Sits in your taskbar
Pokki Apps
Pokki Apps
Pokki App: Tweeki
Pokki App: Tweeki

Pokki Developer’s platform

Pokki’s developer’s platform allows you to develop your own apps, which you can submit to Pokki’s app store and if approved it will be available for all users to download. I still didn’t go through the code yet, but it seems very promising and well documented.

Pokki are now throwing a 50,000$ challenge for whoever can create a new application.

More info about the challenge:

http://www.pokki.com/contest/

Conclusion

Even though the concept is not new, Pokki does a great job at portraying it with a very flexible, easy to use interface. The user experience for this product as a whole has been great so far. In addition, even though it’s still in Beta I haven’t found any severe or major bugs yet.

 

 

Three.js 3D Javascript Engine using HTML5’s canvas

Three.js particles script
Three.js: Particles example

Introduction

With the first public working draft of HTML5 released, experimentation with the new canvas and audio syntax additions began. The <canvas> tag is pretty stable and is close to completion hence the multitude of project being built upon making use of it. One of these projects is the experimental 3D Javascript engine developed by Ricardo Cabello also known as Mr.Doob. This engine is called three.js and below you can find a brief description about it.

 

What is three.js ?

three.js engine’s functionality is similar to a frameworks’ in certain ways. Typically an engine provides developers with a certain platform that will manage certain tasks thus reducing the time wasted in handling processes, physics, AI, rendering, memory control etc… However in this case three.js will provide you with a renderer (<canvas>, <svg> and WebGL), and control over camera and viewport. The physics and animation work is up to the developer to work out. Nevertheless it’s a great start and a new concept in the web industry.

Mr.doob - Voxels (HTML5) Three.js
Mr.doob – Voxels (HTML5) Three.js

Great examples  have been created by Mr.Doob and the code is released as documentation. The code is very basic and easily understood by even mediocre Javascript developers. If you’re planning on experimenting with it, you should consider that future releases might break backward compatibility as Mr.Doob warns that the API might change between a release and another, so don’t have any plans for projects other than experimentation.

Google chrome is the browser recommended to use in such development scenarios; It is HTML5 compatible to a certain extent and much better than FireFox, Opera, and definitely better than IE. In addition, Chrome’s JS engine is very fast and smooth.

three.js - 3D Portrait Rendering
Three.js – 3D Portrait Rendering
Mr.Doob - Three.js - Audio Processing
Mr.Doob – Three.js – Audio Processing

 

A Small note to be added regarding the Audio Processing image above. The concept is great, it’s a shame the browser doesn’t process the audio and return the amplitude as an instance variable of the audio object. The amplitude is hard coded, in other words if the audio track is changed the visualization will stop working. Yet, it’s a good implementation of audio visualization.

 

Details

You can find more details about Mr.Doob and his experimentation projects on his blog. Follow him on twitter for interesting releases and hopefully be inspired to contribute to such promising project.

http://mrdoob.com/blog

http://mrdoob.com/

http://twitter.com/mrdoob

 

Last but not least, the code for three.js can be found on GitHub, simply follow the link below.

https://github.com/mrdoob/three.js