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






16 Best JavaScript Libraries for Wrapping HTML5 Canvas The 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.

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 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

CSS3 box-shadow Property Basics If you're a web designer, you might be familiar with Photoshop's (or other drawing program) "drop shadow" layer property. It gives that layer a small shadow, creating the illusion of it floating on top of the image canvas.

On the world of web development, there is a similar feature in CSS3 called a box-shadow. The basics of box-shadow property will be explained below with many CSS3 live demos, and we'll see a few of the cool capabilities this CSS3 property allows us to do.

More CSS3 related article to practice yourself:
- HTML Button with CSS3: Tiny & Helpful Demo plus Tutorial
- Great Collection of Extreme CSS3, JavaScript Tutorials
- Simple Awesome Inline Modal Box with CSS3
- Beautiful and Stunning CSS3 Animation Experiments
- Awesome jQuery Accordion with CSS3 and HTML5


Best jQuery / JavaScript Color Pickers JavaScriptBank.com has presented many powerful JavaScript color pickers through many years:
- JavaScript Tigra Color Picker
- JavaScript JSwitch Color Picker
- JavaScript HTML Color Picker 1.0
- JavaScript Color Picker

And today in this JavaScript showcase, JavaScriptBank.com is wanting to present more jQuery color pickers to boost your web, please check the list to pick the one you need; or tell us your favorite JavaScript / jQuery color picker.


JavaScript 3D Starfield with HTML5 Canvas This JavaScript code use HTML5 canvas to simulate a spaceship run into the universe. This is cross-browser JavaScript code example, you may use this JavaScript example to create more funny JavaScript effects if you may think.

Some other 3D JavaScript effects that you should not miss:
- Simple 3D Graphics Animation in JavaScript
- 3D Roller Coaster Space Flight in JavaScript
- Incredible and Amazing 3D JavaScript Canvas Enginges
- JavaScript 3D Starfield using Images


Category: 3D

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

20 Interactive JavaScript Frameworks to Make Web Faster In the big world of web development, many programmers, coders and developers have spent a lot of time to create the helpful web tools, JavaScript frameworks, JavaScript toolkit to save our time then contribute as open source scripts, softwares or free tools. Why we have to develop a web project from beginning? While we may use many useful open resources for better ends?

Let's discover & enjoy 20 free / open source code JavaScript frameworks, web scripts and developing script to make the web projects faster & better. Here's a short list to check: Leaflet, Crossfilter, Keymaster, Javascript Library Boilerplate, Kartograph, dynamo.js, stroll.js, Heyoffline.js, Retina.js, Holder.js, sigma.js, heatmap.js.js, uiji.js, KineticJS, Graphene, Foresight.js, batman.js, Socialite.js, JavaScript Console - Debugging JavaScript Tool, smoke.js, jPages, Yeoman, skrollr, URI.js, Morris.js.


Category: Tutorials, Web 2.0

Simple 3D Graphics Animation in JavaScript Here are some 3D graphics made with just JavaScript, let teach yourself by this advance JavaScript code & tutorial. We have a TIE fighter rotating, and moving left and right; we may change axises, drawing modes, viewing styles and scenes.


Category: Utility

Develop JavaScript/Web Applications with Free Powerful Eclipse JavaScript Development Tools (JSDT) The Eclipse IDE has become so popular for Java development that it was only a matter of time before it was extended for HTML and JavaScript as well. With regards to the latter, the JavaScript Development Tools (JSDT) plug-in supports the development of JavaScript applications as well as JavaScript within web applications. It adds a JavaScript project type and perspective to the Eclipse Workbench as well as a number of views, editors, wizards, and builders.

Moreover, it adds the all-important context to the JS object model for context-aware auto-completion. In today's article, we'll use the JSDT plugin to enhance the development of a static web project. Later, we'll explore the integration of third party JS libraries, debugging features, and how to unit test scripts written using the JSDT.


JavaScript by day


Google Safe Browsing McAfee SiteAdvisor Norton SafeWeb Dr.Web