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






Tick Tock: Amazing Analog Clock with CSS This JavaScript code example will create a super beautiful analog clock with amazing layout on your web pages. However, this JavaScript analog clock still has some disadvantages: it uses a very large picture for background, up to 512x512 pixels hence you can not resize your clock easily; but its source code is very simple to setup.

If you still want, let check more JavaScript code examples to build awesome digital/analog clocks on jsB@nk:

- Cool Analog Clock with Raphael by Amazing Styles
- jsClock: Featured Digital Clock JavaScript
- 10 Tiptop Analog and Digital Clock Resources and Techniques with Javascript
- CoolClock: Super nice Javascript Analog Clock


Category: Time, Clock

Adding JavaScript to WordPress Effectively with JavaScript Localization feature This JavaScript article tutorial provides us a very detailed guide about localization in WordPress platform; throughout the instructions within this JavaScript article tutorial, we can easily manage uploaded JavaScript files/source codes effectively.


Colours-on-Page Displaying with MooTools 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


Category: Framework, MooTools

Ultimate List of Web Development Resources with JavaScript, HTML, CSS and Books 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.


Category: Tutorials

So-Ticker: OOP JavaScript Dynamic Ticker with Typing-Styled 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


Category: Text, Writting

Calc4Chem: Awesome Scientific Calculator with Physical and Chemical constants 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


Compressing JavaScript files with Google Closure Compiler 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.


HTC-style JavaScript Countdown Timer with jQuery 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.


Category: Framework, jQuery

Nice AJAX Effects for Messages Box using MooTools 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


Category: Framework, MooTools

JavaScript Image Rotation script with CANVAS in HTML5 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.


Category: Image, Rotation

JavaScript by day


Google Safe Browsing McAfee SiteAdvisor Norton SafeWeb Dr.Web