google+javascriptbanktwitter@js_bankfacebook@jsbankrss@jsbank
Guest, register






16 Best JavaScript Libraries for Wrapping HTML5 Canvas The API">Canvas APIs represents a way of creating shapes, graphs and animations on the web that using just JavaScript and which, unlike Flash, doesn't require a plug-in installed on the viewer's browser. While HTML5 may not have the same capabilities as Flash does when it comes to animations, many people put their hopes in the Canvas tag. The limitations that are present are due to the fact that the Canvas element was never designed to build animations with it, unlike Flash.

Canvas">HTML5 Canvas libraries aim to wrap the Canvas element and extend it one way or another to make a better syntax and functionality. These JavaScript libraries come as a helping hand to understanding and using HTML5 Canvas to its full potential. In this JavaScript article you will see the Canvas wrapper">HTML5 Canvas wrapper libraries that are available at the moment. Check them out thoroughly and see what each one has to offer and, ultimately, if it is useful to you.


Category: Tutorials, Showcases

HTML5 localStorage: Tutorial and Basics HTML5 is a new hot technology that adds a new feature to modern browsers which allows them to store a certain amount of website data locally on someone's computer. This hot solution comes in handy with some of the recent "web apps" that might, for example, save your drafts or states even when disconnecting from the Internet, such as Microsoft Office online apps but may allow you to work offline, GMail offline, etc.

In fact, this solution is a JavaScript API known as localStorage, and in this HTML5 tutorial, we'll be covering some of the HTML5 localStorage basics and how it works.

Some other HTML5 related tutorials you should read:
- HTML5 Web Workers Multithreading in JavaScript
- Design Better HTML5 Form Element Validator
- JavaScript Image Rotation script with Canvas in HTML5
- Processing Local Files in JavaScript with HTML5
- JavaScript Caching in HTML5
- Awesome Canvas Drawer with HTML5


Category: Tutorials, Web 2.0

Eight Stunning and Beautiful HTML5 and JavaScript Experiments HTML5 is really powerful and very good to apply on the web pages, however we can not enjoy these awesome HTML5 features if we're still using the old web pages.

Fortunately, the technology community is wide and large, there's many new tech fans created a lot of awesome and stunning HTML5 experiments; and jsB@nk also presented dozens of cool JavaScript applications, JavaScript HTML5-based tools like that:

- Beautiful and Stunning CSS3 Animation Experiments
- Showcases of Awesome Designs with Stunning JavaScript
- Amazing Website with Awesome JavaScript and HTML5 effects
- Awesome HTML5 Canvas and JavaScript Applications for Incredible Experiments

And even the most powerful company in the Internet - Google - also recommend this technology with many HTML5 web-based applications and games on their social network Google+.

And today in this JavaScript article, jsB@nk would like to present to you more 8 awesome JavaScript applications for full HTML5 experiments. Please go to the inner post page for details.


Category: Tutorials

Creative HTML5 and JavaScript Asteroid Game Today in this post, jsB@nk want to present to you a simple JavaScript application made by HTML5; name of this web-based JavaScript game is Asteroid, and tips to play: we just need to use the arrow keys to move your character (triangle-shape spacecraft) to avoid asteroids moving randomly on around.

Especially, this JavaScript Asteroid game is built totally with HTML5 techniques (by using canvas object) - a good JavaScript example code to help us to reach this new technology easily.

Learn more about HTML5 through other JavaScript article tutorials, other JavaScript example codes on the jsB@nk:
- JavaScript Image Rotation script with Canvas in HTML5
- Awesome Canvas Drawer with HTML5
- HOT New JavaScript APIs with HTML5
- 12 Awesome and Creative JavaScript Games you should try


Category: Game, Skill

Processing Local Files in JavaScript with HTML5 In previous JavaScript articles and JavaScript code examples, jsB@nk provided you many posts about new HOT features/functions in HTML5, such as:

- JavaScript Caching in HTML5
- Awesome Canvas Drawer with HTML5
- JavaScript in HTML5 vs ActionScript 3 in Flash in Drawing Match - Who Win?
- HOT New JavaScript APIs with HTML5

Today in this post, jsB@nk is happy to give you one more JavaScript article tutorial for another new HOT feature in HTML5 - local files processing. Throughout this JavaScript article tutorial, you're able to handle how to create, delete, read, write and query the local files with JavaScript on HTML5. Please go to the inner page for full detailed instructions, guides and live demos of JavaScript HTML5 code examples for HTML5 file uploading, uploading file JavaScript, JavaScript open file, JavaScript file read, JavaScript load file, javascript create file.


Category: Tutorials, Web 2.0

HOT New JavaScript APIs with HTML5 In this JavaScript article tutorial, we're together to enjoy awesome experiments on HTML5 with new hot JavaScript APIs. With a lot of JavaScript/Web application live demos in this JavaScript HTML5 tutorial, we can learn:

- New JavaScript selectors, JavaScript CSS selectors, jQuery selectors to select HTML elements better.
- New Web storage function and new Web SQL database storage.
- New API for caching offline application data, cache JavaScript files
- How to use Web workers and Web sockets.
- API">Geolocation API
- Audio, Video and Canvas manipulation on HTML5.

That's so cool! HTML5 is really new cool web technology, supported by many giant web/internet companies. Try it, master it now asap.


JavaScript by day


Google Safe Browsing McAfee SiteAdvisor Norton SafeWeb Dr.Web