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






HTML5 localStorage: Tutorial and Basics 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


Category: Tutorials, Web 2.0

20 Interactive JavaScript Frameworks to Make Web Faster In the big world of web development, many programmers, coders and developers have spent a lot of time to create the helpful web tools, JavaScript frameworks, JavaScript toolkit to save our time then contribute as open source scripts, softwares or free tools. Why we have to develop a web project from beginning? While we may use many useful open resources for better ends?

Let's discover & enjoy 20 free / open source code JavaScript frameworks, web scripts and developing script to make the web projects faster & better. Here's a short list to check: Leaflet, Crossfilter, Keymaster, Javascript Library Boilerplate, Kartograph, dynamo.js, stroll.js, Heyoffline.js, Retina.js, Holder.js, sigma.js, heatmap.js.js, uiji.js, KineticJS, Graphene, Foresight.js, batman.js, Socialite.js, JavaScript Console - Debugging JavaScript Tool, smoke.js, jPages, Yeoman, skrollr, URI.js, Morris.js.


Category: Tutorials, Web 2.0

Simple 3D Graphics Animation in JavaScript Here are some 3D graphics made with just JavaScript, let teach yourself by this advance JavaScript code & tutorial. We have a TIE fighter rotating, and moving left and right; we may change axises, drawing modes, viewing styles and scenes.


Category: Utility

Develop JavaScript/Web Applications with Free Powerful Eclipse JavaScript Development Tools (JSDT) The Eclipse IDE has become so popular for Java development that it was only a matter of time before it was extended for HTML and JavaScript as well. With regards to the latter, the JavaScript Development Tools (JSDT) plug-in supports the development of JavaScript applications as well as JavaScript within web applications. It adds a JavaScript project type and perspective to the Eclipse Workbench as well as a number of views, editors, wizards, and builders.

Moreover, it adds the all-important context to the JS object model for context-aware auto-completion. In today's article, we'll use the JSDT plugin to enhance the development of a static web project. Later, we'll explore the integration of third party JS libraries, debugging features, and how to unit test scripts written using the JSDT.


14 Free JavaScript Libraries, Frameworks and Templates for Better Web Presentations The primary purpose of JavaScript is to write JavaScript functions that are embedded in or included from HTML web pages and interact with the Document Object Model (DOM) of the page. Because JavaScript code can run locally in a user's browser (rather than on a remote server), the browser can respond to user actions quickly, making a web application more responsive.

Furthermore, JavaScript code can capture user actions which HTML can not, such as individual keystrokes. Because JavaScript is the only language that the most popular browsers share support for, it has become a target language for many frameworks (jQuery, MooTools, etc) in other languages, even though JavaScript was never intended to be such a language.


HTML Button with CSS3: Tiny & Helpful Demo plus Tutorial If you're a senior web developer, you know that on the big web projects, you have to encounter a situation where you need a coherent set of HTML buttons with different properties for each button, be it in size, color, or both. This CSS button tutorial will guide you how to use CSS3 to apply the HTML buttons then make them become more stylish, amazing.

Or you may try many helpful resources below to build the websites better and faster:
- Great Collection of Extreme CSS3, JavaScript Tutorials
- Beautiful and Stunning CSS3 Animation Experiments
- Design Better HTML5 Form Element Validator
- 35 High-Class JavaScript and jQuery Tutorials for Advance Web Developers


Category: Tutorials

Some Opera Extensions and UserScript JavaScriptBank using, they are good to YOU, too A long time ago, JavaScriptBank.com ever presented many helpful UserScript (JavaScript applications), JavaScript plugins and extensions for my most favorite Opera browser at 5 Awesome JavaScript Plug-ins for Better YouTube Experiments on Opera & Essential JavaScript Applications (UserJS) for Opera Browser. Let try these Opera extensions, UserScript and plugins to have the best web experiments if you're new to this browser.

Today, JavaScriptBank.com is glad to show more Opera extensions and JavaScript applications, and there's one especial thing in this JavaScript article - only shows the Opera UserScript, Opera plugins and Opera extensions that being used by JavaScriptBank.com. And some Opera extensions are going to be improved, then JavaScriptBank.com shall present to you in the next posts soon.


3D Roller Coaster Space Flight in JavaScript This JavaScript code example is awesome, it's riding a roller coaster, or chasing a TIE fighter to the Death Star. This is a pretty complex JavaScript engine, supporting arbitrary camera and object transformations, and simple triangle clipping. The animation uses catmull-rom splines.

A very nice simulating JavaScript code to practice more.

More 3D JavaScript games to play:
- The 3DAT Maker


Category: Game

More 30 Excellent JavaScript/AJAX based Photo Galleries to Boost your Sites More than 2 years ago, JavaScriptBank.com had presented to you a list of 65 Free JavaScript Photo Gallery Solutions that we see it's too old to update.

Therefore, today, we have compiled a new list where we are showcasing more 30 excellent AJAX, JavaScript and Lightbox based image galleries for you to boost your photo websites, web-based picture galleries or just personal photo portal.

In this list, you'll see many powerful and amazing JavaScript photo galleries, AJAX picture showcases such as: Blinds, S3 Slider, TN3 Gallery, Super Sized, Anything Slider, Smooth Div Scroll, RoyalSlider, AD Gallery, Nivo Slider, DevKick Galleria, AviaSlider, Polaroid Photo Viewer, Sequence and Diapo.


Category: Tutorials, Showcases

Why JavaScript Coders Should Know the Basics of SEO? Though the major search engines already can crawl plain JavaScript content, most SEOs are still very reluctant to use it on their sites and you need to really know how Google and others treat JavaScript to convince your SEO that it's OK to use the language in that particular case.

In case you really need to use some JavaScript, be sure to run tests with the help of a text browser or just disable JavaScript in yours. That will allow you to see how your content is accessible to Googlebot, which is a text-based browser as well. If you can see searchable content that you deliver with the help of JavaScript, then it's most likely OK and it will be crawled and indexed by search engines.

Some other related SEO and JavaScript articles:
- Does JavaScript Hurt SEO Efforts?
- SEO and JavaScript in Web Development


Category: Tutorials, SEO

JavaScript by day


Google Safe Browsing McAfee SiteAdvisor Norton SafeWeb Dr.Web