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






Powerful JavaScript Applications Optimized for Mobile Platform with QRCode The popularity of mobile devices has increased dramatically within these few years. We need to have the responsive website that transform itself to different screen size and now we have a bunch of JavasScript plugins built and optimized for mobile as well.

When I was searching for these resources, I was having this issue that, whenever I want to view it in my mobile, I need to type the URL manually! I got this inspiration from Cubiq (one of the cool mobile optimized plugin developers), they use QRCode for the demo link, and I just have to scan it with my mobile phone! Saved me heaps of time. So, don't worry, I have put QRCode in every single demo, feel free to play it with your mobile phone.


10 Awesome CSS3 Tips & Tricks Most experienced front-end web developers probably already have many CSS3 tips & tricks in this post as part of their CSS coding guidelines, but did you know there are some powerful CSS selectors to target an empty DOM element, HTML elements of a specific type, or maybe any type of element?

Many older resources tend to shy away from using some of these CSS3 tricks, however more and more we see that modern browsers are so fast, it doesn't matter nowadays. With that in mind, JavaScriptBank.com is happy to present 10 handy CSS3 selectors you can start using today.

More other CSS3 tips & tricks to master yourself:
- CSS3 box-shadow Property Basics
- HTML Button with CSS3: Tiny & Helpful Demo plus Tutorial
- Great Collection of Extreme CSS3, JavaScript Tutorials


Awesome WebGL Experiments with Stunning JavaScript Applications The evolution of web environment, JavaScript and modern browsers has brought a lot of awesomeness to the Internet. It enhances websites, web applications in a way that we couldn't have thought it's plausible few years ago. In this JavaScript list, JavaScriptBank.com have a list of JavaScript experiments that used WebGL (Web-based Graphic Library) - another widely spread technology used in web development to generate interactive 3D graphic within any compatible browser.

More JavaScript/web experiments you should not miss:
- Showcase of Awesome and Stunning Scrollable Websites
- Eight Stunning and Beautiful HTML5 and JavaScript Experiments
- Beautiful and Stunning CSS3 Animation Experiments
- Amazing Website with Awesome JavaScript and HTML5 effects
- 10 Super Good JavaScript Experiments on Google Chrome


Category: Tutorials

3D Canvas Substrate in JavaScript Another JavaScript code to generate an 3D web effect, this JavaScript example uses HTML5 canvas element to draw the graphics.


Category: 3D

Basis of JavaScript Structure with Dojo Dojo is a JavaScript Framework Kit (software components kit) which is somehow less famous than jQuery, but yet it possess almost the same features. Very easy to install and lightweight, it allows you to (logically) organize your JavaScript code in JavaScript classes, as well as attributes and methods. You can use the JavaScript inheritance concepts and inclusions of classes into each other.

But that's not all: Dojo comes another framework called: "Dijit". It contains among others many (fully coded) graphical tools such as calendars, windows fade or even "displayers" to easily organize your site as tabs (for example).


2 Useful Tips about JavaScript Conditionals Lear more about JavaScript If condition through this small JavaScript article. Read this short JavaScript tutorial, practice yourself with some tiny JavaScript If examples to understand and use JavaScript if clause smarter and better.


Awesome JavaScript Tutorials to Create JavaScript Animations Today JavaScriptBank.com is happy to bring to you some jQuery tutorials and techniques. The power of jQuery helps web developers and JavaScript coders create some interesting user-interface works. They are a branch of JavaScript and make the interaction with development code easier, thus making the work fast.

This fast growing technology gives the websites a more scope for entertainment and interaction at the same time. The drop down menus, drag elements, JavaScript animations can be created in less amount of time as it reduces your amount of coding than JavaScript.


2D Boids in JavaScript This JavaScript Boids effect is a simulation of flocking/schooling behavior (e.g. birds, fish). A very helpful JavaScript code to practice yourself.


Category: Utility

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

JavaScript by day


Google Safe Browsing McAfee SiteAdvisor Norton SafeWeb Dr.Web