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






Top 10 Free Web Chat box Plug-ins and Add-ons If you want to make your website more interactive and attract thousands of visitors on a regular basis, then adding an online chat box to the website is perhaps one of the most effective solutions. By putting a proper website chat box script on your desired place you will get real time feed backs of the site visitors on your website or its product and services.

There are various types of plugins or add-ons available over the net which you can use to improve your website. We have discussed about a few plugins which may not be very difficult to use but can definitely give an added edge to your website and make it more interactive to the visitors.

All chat box html and chat box scripts and services presented in this article are free to use and more powerful features with Preminum upgrade: Chatango, Meboo.me, GagaLive, CBox, MyShoutBox, Simple Ajax Shoutbox for WordPress, Chatroll Live Chat, 123 Flash Chat, Parachat, Gabbly.


Category: Tutorials

The Dark side of JavaScript Just read the title of this free HTML JavaScript tutorial, obviously you will think about the evil, according to the basic nature of the word "dark side". But this is just a title that the author like to name to it, when he started to go deep into JavaScript, jQuery, and realize that many of JavaScript concepts do not make sense the way he understood it. This is summary of JavaScript's dark side: JavaScript doesn't have a class concept, using JavaScript JSON (JavaScript Object notation) we can construct JavaScript objects in many ways, JavaScript functions are JavaScript objects so they can have JavaScript properties, ... Please go to the detailed post for full instructions and JavaScript example codes

More HTML JavaScript tutorials for trying:
- JavaScript Events: Look inside JavaScript Framework Library
- JavaScript: The Good Parts speech
- Theory of the DOM by Douglas Crockford


45 Great Helpful JavaScript and jQuery Techniques and Tools Yes, this free HTML JavaScript tutorial is another round-up of very great and helpful JavaScript/jQuery techniques, tools and resources. In this selection we present JavaScript/jQuery date calendars, jQuery calendar datepickers, forms, buttons, JavaScript navigation, navigation menu jQuery, debugging, optimization and compatibility tables as well as handy JavaScript/jQuery resources and tools. We also cover various jQuery add-ons and plug-ins that will help you extend the functionality of your website and improve user experience with ready components or coding solutions.

For improving more your skills and user experience, check out more JavaScript/jQuery, web development, web programming/coding resources below:

- More 100 Super Helpful Cheatsheets for Web Designers Web Developers
- Great Powered Resources for 7 Helpful jQuery Plug-ins
- 35 Cool, Awesome Tools and Resources for Faster JavaScript Application Development
- Super Cool and Great Button Resources and Tutorials with CSS3
- 45 Great CSS and JavaScript solutions


Category: Tutorials

Encapsulation in OOP JavaScript Encapsulation is a very useful technique in Object-Oriented programming which allows you to separate an abstraction's implementation from its interface class, thus enabling future changes to the implementation without affecting the interface. In this free HTML JavaScript tutorial, James Padolsey guides you how to create encapsulation in OOP JavaScript, please go to the detailed post for full instructions and JavaScript example codes.


Amazing Bounce Effect using jQuery framework JavaScript bounce effect is the type of script presented on jsB@nk.com through many plained-JavaScript example codes, such as:

- JavaScript Elastic Trail Script
- JavaScript Free bouncing ball
- Gravity

But in this jQuery animate bounce script, I show you another amazing bouncy effect using jQuery framework. We will create a HTML page that has 4 boxes (DIVs). Every box will bounce in a specified direction under clicking. We can control the direction as well as the speed of bouncing boxes with arguments to the method of jQuery.


Category: Framework, jQuery

How to load JavaScript like a WordPress Master WordPress - an open source powerful PHP platform to develop personal web blogs, WordPress is the most used blog system at present, and I also opened a personal blog base this platform recently.

At the time of this free HTML JavaScript tutorial, the WordPress founding organization has released version 3 - an extreme worthwhile upgrade. And if you're a WordPress developer, maybe you know the WordPress's disadvantages, one of them is the way to organize data, source code seems to be changed in every new version.

Only including JavaScript files in the WordPress platform, also is a big problem. So under the view of a web developer, which solution we should choose to have a better performance? Please go to the detailed post for more instructions about including JavaScript like a WordPress master.


10 Things Old JavaScript Would Not Do About 15 years ago, my uncle took Zef to the university at which he was studying at the time. He had something to show him. He sat him behind a computer in the computer room and started a program called "Netscape". He typed in an Internet address ending with .au. I saw my first website and it came all the way from the other side of the world. It looked like crap, loaded incredibly slow, but it was cool.

I could have never have guessed that HTTP, HTML, CSS and JavaScript would once not become the main way to access information, but also replace a lot of desktop applications. The abilities of the new HTML5 and other web technologies like SVG never cease to amaze me.

Here are 10 things, in this post, I had not expected these open web technologies would be able to, but can in 2010: Interactively render physics of a cloth, Live motion tracking, Play YouTube videos without Flash, Collaboratively edit source code in a browser IDE, Do weird interactive stuff like this, Animate simple 3D landscapes, Read books in a mobile browser, Play Wolfenstein 3D/MarioKart, Render flash files using Javascript/SVG. Please go to the full post for details.


Category: Tutorials

3 Simple Ways to Define a JavaScript class 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


More 10 jQuery and JavaScript Tips and Tricks to Improve Your Code Keep going on Efficient and Helpful JavaScript/jQuery Tips and Tricks, this free HTML JavaScript tutorial provides more 10 JavaScript tips and tricks that help you become better in JavaScript tasks. In this HTML JavaScript tutorial, you're able to train: Test and improve your jQuery selector skills, Use Callback functions to synchronize your web effects, Use Firefox JavaScript events to control DOM Elements and Custom Objects, Make code simpler using group queries, ...

Please go to the detailed post for full instructions and JavaScript example codes, then try more JavaScript tips and tricks on jsB@nk:
- Selecting JavaScript HTML Elements Faster with jQuery
- Organizing your JavaScript code Better


dygraphs: Open Source JavaScript Graph Visualization Library dygraphs is an open source JavaScript library that produces produces interactive, zoomable charts of time series. It is designed to display dense data sets and enable users to explore and interpret them.

Check out the JavaScript data visualization examples and document at its homepage, along with sample code to get you started. Looks dead simple to use. dygraphs sends no data to any servers; it is client-side JavaScript, processed entirely in the client's browser.

And check out many JavaScript Graph Visualization examples as you wantat 13 Useful Javascript libraries for visualizations.


Category: Tutorials

JavaScript by day


Google Safe Browsing McAfee SiteAdvisor Norton SafeWeb Dr.Web