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

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.

In many previous JavaScript articles, JavaScriptBank.com had presented a lot of JavaScript frameworks, JavaScript tools and JavaScript applications to help the web developers faster in building the web projects. Now in this article, we're happy to show more other JavaScript toolkits, hope they may help you, too.

Otherwise, please check previous JavaScript tools that's perhaps great for you:
- jsB@nk: Collection of Helpful JavaScript Tools, Applications, Resources and Libraries
- 20 Interactive JavaScript Frameworks to Make Web Faster
- 17 JavaScript Frameworks for Cool Animation effects
- Helpful JavaScript Time and Date Picker, Plugins for Frameworks
- Most Potential JavaScript Frameworks with Usages
- 10 Great JavaScript Frameworks for Faster JavaScript Application Development
- Great JavaScript Frameworks for Web-based and Mobile Applications
- 50+ Indispensable JavaScript, jQuery codes for Web Developers
- Awesome Essential iOS Apps for Web Developers
- 35 High-Class JavaScript and jQuery Tutorials for Advance Web Developers

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

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.

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.

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.

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

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.

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.