facebook@jsbanktwitter@js_bankgoogle+javascriptbanknewsletterrss@jsbank
Guest, register






ieoBIN.com - The Best IEO List to Discover, Invest in 2019

Single Responsive Photo Gallery plus Slideshow Currently, there are many JavaScript photo slideshow scripts, jQuery picture showcase plugins to make your own web galleries, I checked many scripts on the lists JavaScriptBank.com presented:
- 65 Free JavaScript Photo Gallery Solutions
- More 30 Excellent JavaScript/AJAX based Photo Galleries to Boost your Sites
- 16 Free Picture Slideshow Gallery scripts

But none of them satisfy my needs, I want to make the gallery to show many pictures of my son that's simple to load but can work on many screen sizes of PCs, laptops, tablets and smartphones. So this is the reason I created this JavaScript plugin.

And now I'm happy to share this JavaScript project to everyone that may need. Basically, this JavaScript is very easy to install, use and customize. Just download the package, then fill your photo data and run.


Category: Project

2D Boids in JavaScript This JavaScript Boids effect is a simulation of flocking/schooling behavior (e.g. birds, fish). A very helpful JavaScript code to practice yourself.


Category: Utility

16 Best JavaScript Libraries for Wrapping HTML5 Canvas The Canvas APIs represents a way of creating shapes, graphs and animations on the web that using just JavaScript and which, unlike Flash, doesn't require a plug-in installed on the viewer's browser. While HTML5 may not have the same capabilities as Flash does when it comes to animations, many people put their hopes in the canvas tag. The limitations that are present are due to the fact that the canvas element was never designed to build animations with it, unlike Flash.

HTML5 Canvas libraries aim to wrap the Canvas element and extend it one way or another to make a better syntax and functionality. These JavaScript libraries come as a helping hand to understanding and using HTML5 Canvas to its full potential. In this JavaScript article you will see the HTML5 Canvas wrapper libraries that are available at the moment. Check them out thoroughly and see what each one has to offer and, ultimately, if it is useful to you.


Category: Tutorials, Showcases

CSS3 box-shadow Property Basics If you're a web designer, you might be familiar with Photoshop's (or other drawing program) "drop shadow" layer property. It gives that layer a small shadow, creating the illusion of it floating on top of the image canvas.

On the world of web development, there is a similar feature in CSS3 called a box-shadow. The basics of box-shadow property will be explained below with many CSS3 live demos, and we'll see a few of the cool capabilities this CSS3 property allows us to do.

More CSS3 related article to practice yourself:
- HTML Button with CSS3: Tiny & Helpful Demo plus Tutorial
- Great Collection of Extreme CSS3, JavaScript Tutorials
- Simple Awesome Inline Modal Box with CSS3
- Beautiful and Stunning CSS3 Animation Experiments
- Awesome jQuery Accordion with CSS3 and HTML5


Best jQuery / JavaScript Color Pickers JavaScriptBank.com has presented many powerful JavaScript color pickers through many years:
- JavaScript Tigra Color Picker
- JavaScript JSwitch Color Picker
- JavaScript HTML Color Picker 1.0
- JavaScript Color Picker

And today in this JavaScript showcase, JavaScriptBank.com is wanting to present more jQuery color pickers to boost your web, please check the list to pick the one you need; or tell us your favorite JavaScript / jQuery color picker.


JavaScript 3D Starfield with HTML5 Canvas This JavaScript code use HTML5 canvas to simulate a spaceship run into the universe. This is cross-browser JavaScript code example, you may use this JavaScript example to create more funny JavaScript effects if you may think.

Some other 3D JavaScript effects that you should not miss:
- Simple 3D Graphics Animation in JavaScript
- 3D Roller Coaster Space Flight in JavaScript
- Incredible and Amazing 3D JavaScript Canvas Enginges
- JavaScript 3D Starfield using Images


Category: 3D

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

JavaScript by day


Google Safe Browsing McAfee SiteAdvisor Norton SafeWeb Dr.Web