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.

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

In this JavaScript article, Alex Sexton show to you more about JavaScript inheritance with some tiny JavaScript example codes, easy to understand and master your JavaScript inheritance skills.

More JavaScript inheritance tutorials to master:
- JavaScript Classical Inheritance
- Simple Concepts of JavaScript Prototypal Inheritance
- 5 Chief JavaScript Inheritance Concepts

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.

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

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.

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

In many previous JavaScript articles, JavaScriptBank.com had presented a lot of JavaScript frameworks, JavaScript tools and JavaScript applications to help the web developers faster in building the web projects. Now in this article, we're happy to show more other JavaScript toolkits, hope they may help you, too.

Otherwise, please check previous JavaScript tools that's perhaps great for you:
- jsB@nk: Collection of Helpful JavaScript Tools, Applications, Resources and Libraries
- 20 Interactive JavaScript Frameworks to Make Web Faster
- 17 JavaScript Frameworks for Cool Animation effects
- Helpful JavaScript Time and Date Picker, Plugins for Frameworks
- Most Potential JavaScript Frameworks with Usages
- 10 Great JavaScript Frameworks for Faster JavaScript Application Development
- Great JavaScript Frameworks for Web-based and Mobile Applications
- 50+ Indispensable JavaScript, jQuery codes for Web Developers
- Awesome Essential iOS Apps for Web Developers
- 35 High-Class JavaScript and jQuery Tutorials for Advance Web Developers

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

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.