When users click a specified button, this JavaScript code example will get colours of all HTML elements with the predefined color attributes then fill those colours into many tiny rectangles. The author built this JavaScript color picker with the idea to offer visitors color of any HTML element without researching the source code of web pages.

Try more JavaScript code examples on jsB@nk for picking the colors if you're needing something like that:

- Tigra Color Picker
- Milonic DHTML Color Picker
- JSwitch Color Picker
- HTML Color Picker 1.0

This JavaScript article tutorial provides a super big and great list of web resources, web tools, web applications for web development, web programming, web coding, web design.

jsB@nk has grouped them into some main categories to help you check better: Debugging Tools, CSS Tools, JavaScript Tools, Web Tools & IDEs, Browser Testing, Documentations, Server-Side JavaScript, Books and Web Performance.

This JavaScript code example makes your scrolling news tickers appear as being typed, but this is an improved JavaScript effect because it will not force users to wait for full displayed information; that's mean every time users move mouse over then I'll display all of title immediately.

Moreover, this JavaScript code example is also coded with JavaScript OOP and DOM skills, so it's a very helpful reference for JavaScript OOP beginners.

Try to enjoy more JavaScript typing text effects on jsB@nk:

- Simple JavaScript Typing Text onClick
- JavaScript Typing Text 2
- JavaScript Typing Scroller
- JavaScript Typing Text and Scroller

This is an amazing JavaScript calculator script that can be used as a common scientific calculator (with functions of sin, cos, log, power, root, memory). However, this JavaScript calculator code also includes a molecular weight scientific calculator and the tables of many physical and chemical constants.

Besides, this free JavaScript calculator contains a list of historic tasks, storing all the recent inputs and results. This scientific JavaScript form calculator also displays the numbers rounded to a user-specified number of decimal places automatically in SCI mode. A very advanced and professional online JavaScript calculator but easy to implement.

Let's try more HTML JavaScript calculators on jsB@nk:

- Chemistry Calculator
- Advance calculator with helper
- Better Calculator v1.2
- 16 function Scientific Calculator

Many days ago, in the JavaScript article tutorials about optimization for web performance, jsB@nk had also mentioned the importance of JavaScript files compression. You can still read them again:

- Performances of JavaScript Compressors
- JavaScript Performance Tips
- Speed Up JavaScript Performance with SharePoint Minifier
- Automatically Compressing JavaScript files on Apache

Today in this post, jsB@nk would like to provide you another JavaScript tutorial for optimizing JavaScript source codes/files with Google Closure. This is very detailed JavaScript article tutorial with full instructions and illustrative pictures. Please go to the inner page for it.

If the JavaScript countdown timers are ever presented on jsB@nk still do not satisfy you:

- Cool JavaScript Digital Countdown with jQuery
- jQuery JavaScript Countdown Timer with Bar Display
- Super Neat JavaScript Countdown Timer

Then jsB@nk would like to show you new awesome JavaScript timer countdown, this script looks like HTC countdown timers (HTC is one famous smart-phone production company in Taiwan).

JavaScript source code of this countdown timer is built on JavaScript jQuery framework, all you just need to include the source file then setup your own JavaScript timer countdown by a few lines of simple JavaScript codes.

This is very simple JavaScript code example but it can create an amazing message box effect with AJAX operations, bases on JavaScript MooTools framework. In live demo of this JavaScript code example, the JavaScript message box shall be called through AJAX every time users click "Save" button then it'll disappear by blur effect after all jobs are done.

Full JavaScript source codes, CSS source codes and detailed instructions, documentation are within live demo of this AJAX message box, please go for it or try to enjoy more JavaScript MooTools effects below:

- Super Awesome and Amazing MooTools Site Examples
- JavaScript DHTML Dock Carousel Using Mootools

Rotating images is not new type of JavaScript effects because they were ever showed on jsB@nk through many JavaScript code examples:

- Image rotation without images
- Worldmap with rotating resize-animation
- Rotating GIFs and JPGs

However, in order to catch the friend's trend around the world, jsB@nk is pleasure to present you one more new JavaScript image rotation script, but it's made with canvas in HTML5 (HTML5 rotate image). This JavaScript image rotate effect is very simple, so you can easily master some canvas methods such as: setAttribute, getContext, drawImage and rotate.

This JavaScript article tutorial offers us a list of 10 free jQuery plug-ins to create tabbing content JavaScro[t effects on the web pages. Because they're jQuery-based JavaScript applications, so we can edit/modify them easily as we need. The tabbing jQuery plug-ins we'll go throughout this JavaScript article are: jQuery Coda Slider, Perspective Tabs, jQuery ID Tabs, jQuery Tab Accordion, jQuery XP Style Tab Panes, jQuery AJAX Tabs, jQuery Tabbed Page Interface, jQuery Nested Tab Set with Demo, jQuery Tabs Reloaded, Tabs in Scriptaculous.

Try to enjoy more JavaScript tabbing content creators that presented on jsB@nk:

- Awesome Tabbing Navigation with Prototype and AJAX
- Useful Javascript Tab Bar Navigation Codes
- dhtmlxTabBar - AJAX components for advanced Web UI

Highlighting the source codes is one very great and important functions for the website/blog that mainly shows source codes on the web pages, jsB@nk also presented you many source code syntax highlighting tools, web applications, code syntax highlighters through two JavaScript article tutorial:

- Highlight your PHP and JavaScript codes with PHP highlight_string
- 16 Free Code Syntax Highlighters by Javascript For Better Programming

Really I also had the plan to apply this cool and amazing feature to jsB@nk since two years ago, however I still could not do this intent cause of many objective reasons. But now, I'm pleasure and happy to show you new JavaScript code example for highlighting your source codes. Although it's quite simple (just compared with other highlighting tools above) but they can still work very well for all programming languages.