Posts tagged HTML5

Awesome Uses of HTML5’s Canvas Tag

With the development of HTML5 and using the Canvas Tag there are a lot of cool things that can be done. Here I have found some of the coolest things done with the canvas tag.

JSNES


The first one that is pretty impressive is a NES emulator. This was developed by Ben Firshman and is of pretty good quality. The emulator supports a list of games on the website, that can be found here. With a bit of flash there is also support for sound. JSNES is open source and is available on Github. Its best to test the emulator using Google Chrome, but it does run in Safari 4 and Firefox.

Pixastic

Pixastic is an online image editor. It allows you to apply a variety of effects on images and you can save the image to your computer or do whatever you want with it. Pixastic is also a image filter library for JavaScript so the online editor displays the variety of effects you can do with it. You can check out the main page here or play with the image editor here.

Bespin

This is Mozilla’s attempt at an online IDE tool. Bespin allows you to write code for the same platform that made it! (It can be used to write anything I’m pretty sure) You can test it out be registering up on their site using their experimental hosted service and you can even download it and use it own your own website. Bespin is 100% open source. Learn more about Mozilla’s Bespin here.

If you liked this post, you might also like…

HTML5 Local Storage, Session Storage, and Client-Side Database Tutorial

HTML5 Link Element Explained

Sublime HTML5 Video Player

Sublime HTML5 Video Player

Sublime Video HTML5 Player

With HTML5 just around the corner many people are excited as to what this new technology will bring us. One of the coolest parts of HTML5 is the ability to watch video without any plugins what so ever! This means no Adobe Flash or DivX to watch movies on your website! HTML5 is still being finalized but the people at Jilion have already hopped on to the band wagon and created their own custom HTML5 Video player. They have created a beautiful interface for the video player and it is currently supported by most HTML5 capable browsers. You can check out the Sublime Video player and full details here. I hope more people will get inspired by this and create their own video players for their own sites. If you haven’t already heard Vimeo and YouTube have already created their own HTML5 video players that you can test out right now!

If you liked this post, you might also like…

HTML5 Local Storage, Session Storage, and Client-Side Database Tutorial

HTML5 Link Element Explained

Awesome Uses of HTML5’s Canvas Tag

HMTL5 Local Storage, Session Storage, and Client-side Database Tutorial by O’Reilly

This tutorial will take you through the new features of HTML5 involving client side storage, sessions and databases. The tutorial is based off creating a web app for the iPhone but will serve you the same purpose if you are looking for any web based platform. HTML5 is the future and its a good idea to make good use of this information ahead of time.

Click Here for the Tutorial

HTML5 Video Element Explained

For everyone who is wondering where video is going on the web and want to get a head start, we have found an excellent guide explaining the “<video>” element that is new in HTML5. It tells you how to create a video in the proper format, what browser support various codecs, how videos works and how to make your own video on your website.

Click Here for the Information