I love to make loading animation progress bar when I use AJAX on JavaScriptBank.com. Nowadays, we see many loading effects with jQuery in HTML/CSS/JS on many websites, especially those are AJAX driven. JavaScript loading animation is extremely useful to letting users know that the server is processing the cilent's request. Do not under estimate it, it can make a website responsive to user interaction. It's used as an indication of something is happening behind the scene, and inform users to wait for a while.

In the past, the loading animations are usually in animated GIF formats, however, we have many powerful browsers and technology (VML and Canvas), loading animation bars is no longer restricted in animated GIF format, it can be generated with JavaScript and highly customisable. So in this post, JavaScriptBank.com is happy to suggest 20 awesome and creative, useful loading animation libraries to boost your site.

This a ray tracer in JavaScript. The code is pretty close to a direct translation of the raytracer I did for my computer graphics class, which you can find here (code under "handed_in/"). It's not really complete (spheres only, no reflections), and has some bugs, a raytracer. It's buggy and incomplete, but works well enough to render spheres.

The use of JavaScript has exploded over time. Now it is practically unheard of for a website not to utilize JavaScript to some extent. As a web developer who has concentrated on back-end coding in C# and front-end look and feel via HTML and CSS, my skills in JavaScript evolved over time instead of by conscious effort. While this is not uncommon, it can allow for some bad habits to be formed. This set of best practices is my way of taking a step back and addressing JavaScript as a first-class language, with both good parts and bad parts. My concentration will be on just JavaScript, regardless of where it is run.

However, you will see references in here to the browser and to Visual Studio. This is simply because that is where I live, not because either are necessary for these best practices to apply. And so, without further ado, let's jump right in and see just how far down this rabbit hole goes.

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.

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

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

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

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

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.

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.