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.
This JavaScript article tutorial provides some basic concepts about JavaScript functions and JavaScript regular expression (RegEx). This is very useful JavaScript article tutorial for JavaScript beginners.
There are many other JavaScript article tutorials on jsB@nk about functions and RegEx:
- JavaScript Guidelines of Functions and Methods
- Popular Built-in JavaScript Functions
- Function Examples in Javascript Programming language
- Built-in JavaScript RegEx APIs
Collect the JavaScript code examples for creating cool JavaScript clocks is one of jsB@nk's initial criteria; till to this post, jsB@nk has a great collection of 50+ JavaScript analog clocks and JavaScript digital clocks, you can see them at http://www.javascriptbank.com/en+title=clock. Some cool and amazing JavaScript clocks jsB@nk presented recently:
- jsClock: Featured Digital Clock JavaScript
- JavaScript Word Clock: Spell the Time
- CoolClock - Super nice Javascript Analog Clock
Today, I'm pleasure to present you another awesome JavaScript analog clock. This JavaScript code example uses jQuery and Raphaël to build a very amazing JavaScript analog clock with 14 styles, besides this clock allows users to choose the colour of 3 lines: hour, minute and second.
If you ever seen many web pages, posts of professional knowledges, specialized in skills or researches; perhaps you would see many specialized in words that they're explained after each post/page.
As a content publisher, when you have to work with specialized in articles, you'll have to spend more time to make more explanations by your hand if they're very long ones. This is reason Aaron Gustafson build this JavaScript code example, it helps us spend less than time for this job, all we have to do now is concentrate on our content, all glossaries will be done automatically.
There's another very useful JavaScript code example to content publishers: JavaScript Content Auto-Indexing using DOM.
In previous JavaScript articles and JavaScript code examples, jsB@nk provided you many posts about new HOT features/functions in HTML5, such as:
- JavaScript Caching in HTML5
- Awesome Canvas Drawer with HTML5
- JavaScript in HTML5 vs ActionScript 3 in Flash in Drawing Match - Who Win?
- HOT New JavaScript APIs with HTML5
Today in this post, jsB@nk is happy to give you one more JavaScript article tutorial for another new HOT feature in HTML5 - local files processing. Throughout this JavaScript article tutorial, you're able to handle how to create, delete, read, write and query the local files with JavaScript on HTML5. Please go to the inner page for full detailed instructions, guides and live demos of JavaScript HTML5 code examples for HTML5 file uploading, uploading file JavaScript, JavaScript open file, JavaScript file read, JavaScript load file, javascript create file.