Organize the source codes of JavaScript applications and web applications with minifying JS solution (shorthand) is one of most important methods to optimize the web performance. This JavaScript article tutorial guides you some basic JavaScript tips and tricks to shorten your JavaScript source with shorthand codes. Some objects discussed during this JavaScript tutorial: JavaScript variable increment/decrement/multiply/divide, ternary operator (conditional), associative array notation, default assignments.

Try more JavaScript article tutorials for source code optimization if you still need:
- Efficient and Helpful JavaScript/jQuery Tips and Tricks
- Some Basic JavaScript Guidelines for Accessibility

This JavaScript tutorial guides you to build a JavaScript code for hiding and showing the HTML elements on the web pages, work with element's ID. This JavaScript are very detailed, so please go to the full post for more instructions.

In this free HTML JavaScript tutorial we will see how we can use Firefox Firebug to pinpoint exactly from where your JavaScript callback functions are called in the abstraction.

You can have a Firefox Firebug download at here, or search for "Firebug download".

Try to read more HTML JavaScript tutorials about web development at jsB@nk:
- How to Become an Advanced JavaScript Debugger
- The Ultimate JavaScript Tutorial in Web Design

Sometimes when updating an HTML value using JavaScript it is appropriate to animate the HTML in some that draws the users eye to the change. Often designers choose to animate the opacity or a background color. Today’s widget illustrates a different approach to use with numbers, where the value quickly counts up or down from the current value to the correct value.

This free HTML JavaScript tutorial guides you how to setup, define a JavaScript class through 3 simple ways. Please try them in the detailed post, or read more HTML JavaScript tutorial about OOP JavaScript on jsB@nk:

- JavaScript OOP Tutorial for Dummies
- OOP in JavaScript: Some Basics
- Simple Concepts about Types and Objects in JavaScript OOP
- JavaScript OOP - Scopes and Contexts
- OOP JavaScript: Public and Private Methods
- Basic OOP Concepts in Javascript

Compress (minify JS) is one of most important missions if you need to optimize your web performance. And using JavaScript compressors is the easiest way to do this task, I recently present some popular minify JS compressors in Performances of JavaScript Compressors.

However, this solution has a big advantage you should know: we have to compile our JavaScript source codes/files before uploading them to live server if we change the source code. In order to overcome this shortcoming, we can use an alternation: compressing JavaScript source codes/files automatically on our server then give back the results as requested.

That's subject of this JavaScript article tutorial: guides you how to compress JavaScript source codes/files on Apache.

A short JavaScript article tutorial to give an overview of prototype in JavaScript, with some JavaScript code examples. Please go to the inner page for full detailed instructions and JavaScript codes.

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.

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

Christmas is coming, if you're looking for doing something new on your website on Christmas this year; you will be glad to know that there are a lot of options to choose from for social media icons for Christmas. This is the best way to bring new tastes to your readers.

Today in this post, I just would like to show you a list of social icon sets for Christmas because now it's time for social/bookmark sites, for sharing everything on our profiles. It seems that we hear/read about them every day, so now it shall be not too much if you read one more time about social network sites.

I write this post for 9BlogTips.com and SpeckyBoy, please go to Bests of Social Media icons for Christmas 2010 for the full detailed list.