All Entries in Category: Pushing The Envelope

This is an interesting question posed by French programmer Fabrice Bellard, who then attempted to answer the question by creating a JavaScript PC (x86) emulator to run Linux. It runs in FireFox 4, Chrome 10, Opera 11.11 and IE9. Oh and he also wrote his own JavaScript terminal, you know, for fun.

Microsoft really seem to be getting into the HTML5 vibe. Not surprising really considering how crap IE8 is compared to every other modern browser out there; they really have to catch up or be left behind. This site is an IE9 promotion site, but since it’s really a canvas element demo site it can be viewed in all supporting browsers, complete with framerate readout. It’s slick, fun and worth checking out. Personally, I’m very excited about IE9 and the browser landscape in general. Exciting times.

If it’s not cubes then it’s ripple effects! Almer’s is pretty good though and he’s made it into a library you can use on your own site. An interesting factoid from his blog post: Firefox 4 runs it best, even better than Chrome.

Here’s a nifty effect curtesy of CSS3 animation. The front most element is in focus while the other elements are displayed slightly blurry and scaled down creating depth of field. Make sure to check out part 2 as well.

It’s these kind of experiments I built this site for. Eirik has encoded all the HTML for his web page into an image file. He uses RGB value to store ASCII values, and then decodes them using JavaScript and the HTML5 canvas element. Think about how useful this technique could be.

Nicholas sent word of his recent experiments using the canvas element. He’s made a simulation of water ripples in two dimensions, a simulation of evolving fish intelligence—it uses a genetic algorithm to train neural networks which act as fish brains, controlling the movement of the fish—and a Spirograph generator.

Check this amazing HTML5 canvas demo. Joe takes original graphics from old 8-bit adventure games, converts them to JSON data and uses a canvas element to animate them in realtime—sound effects included.

Amazing work by Alex. A mostly-functional iPad simulator—with working apps! Well not all of them, but still Pretty cool. The source code is on github too.

Using the mysterious but powerful and all-knowing HTML5 canvas element, Paul and Kilian have created a laser eyes generator. Drag your photo to the window and see what you’d look like a super hero/villain with laser eye powers. Laser eyes!

Mathias demonstrates using CSS without HTML. Look Ma, no source code. Could there be anything else that more useless but awesome at the same time?