Every web developer needs to use Javascript in creating web applications, and when it comes to displaying multiple items on a page with a focus on a single item Sliders and Scrollers comes in handy. You can use Javascript Sliders and Scrollers with news, images or products to display data in an organized and user friendly way. In this article I compiled a list of 46 Very Functional Javascript Sliders and Scrollers for you to use in developing web applications.

Read more »

Web applications is one of the most wanted and most developed these days and in web applications you need to make the application easy to use as possible. One of the methods that attract users on web is AJAX and JavaScript. I was working on a web application and I used a JavaScript library for animation, form validation, graphs and reloading content from other websites, and I wondered what is the libraries out there and what can we do with JavaScript. I started looking for JavaScript libraries and frameworks and I was stunned of the capabilities of JavaScript. This article is the links I gathered for you to see as I have seen the capabilities of JavaScript.

Prototype

Prototype is a JavaScript Framework that aims to ease development of dynamic web applications. Featuring a unique, easy-to-use toolkit for class-driven development and the nicest Ajax library around, Prototype is quickly becoming the codebase of choice for web application developers everywhere.

script.aculo.us

script.aculo.us provides you with easy-to-use, cross-browser user interface JavaScript libraries to make your web sites and web applications fly.

MooTools

MooTools is a compact, modular, Object-Oriented JavaScript framework designed for the intermediate to advanced JavaScript developer. It allows you to write powerful, flexible, and cross-browser code with its elegant, well documented, and coherent API.

jQuery

jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery is designed to change the way that you write JavaScript.

$fx()

$fx() is a JavaScript animation library. Compact lightweight JavaScript library which extends DOM element by adding animation methods. Facilitates CSS properties and other parameters alteration along timeline. Supports parallel effects sets and effects chains. Has extended set of callbacks to adjust behavior.

Run

Run is a universal JavaScript animation framework. Run is the easy and basic way to animate web content.

Ext

Ext JS is a cross-browser JavaScript library for building rich internet applications. High performance and customizable UI widgets. Well designed, documented and extensible Component model. Commercial and Open Source licenses available.

Jitsu

Jitsu contains an integrated set of tools to enable developers to build and deploy sophisticated user interfaces for web applications. These include an Xml markup language, page compiler, data binding engine, JavaScript runtime, control library, runtime inspector, animation engine, cross-platform library, Ajax, and back button support. Jitsu apps use DHTML and run in most modern web browsers.

YUI

The Yahoo! User Interface Library (YUI) is a set of utilities and controls, written in JavaScript, for building richly interactive web applications using techniques such as DOM scripting, DHTML and AJAX. YUI is available under a BSD license and is free for all uses.

Qooxdoo

Qooxdoo is a comprehensive and innovative Ajax application framework. Leveraging object-oriented JavaScript allows developers to build impressive cross-browser applications. No HTML, CSS nor DOM knowledge is needed. It includes a platform-independent development tool chain, a state-of-the-art GUI toolkit and an advanced client-server communication layer. It is open source under an LGPL/EPL dual license.

JavaScriptMVC

JavaScriptMVC is a framework that brings methods to the madness of JavaScript development. It guides you to successfully completed projects by promoting best practices, maintainability, and convention over configuration.

JUNE

JUNE is a JavaScript Framework based on Core, a small JavaScript library developed by Kevin Yank and Cameron Adams and published in their book: Simply JavaScript. Developers can integrate JUNE into their existent projects without having to worry about name collision because JUNE is namespaced.

JsUnitTest

This JavaScript project provides a one-file JavaScript test suite. This is based off unittest.js from prototypejs, except this library has no dependency on prototype.js so there is no chance your code-under-test can conflict with prototype.js or that you might accidently use a prototype.js helper for a library that will be deployed independently off prototypejs. There is also a TextMate bundle with snippets for creating the runner and assertions.

GameJS

GameJS is a 2d game development framework in JavaScript.

Sylvester

Sylvester is a JavaScript library designed to let you do mathematics with vectors and matrices without having to write lots of loops and throw piles of arrays around. It includes classes for modeling vectors and matrices in any number of dimensions, and for modeling infinite lines and planes in 3-dimensional space. It lets you write object-oriented easy-to-read code that mirrors the math it represents.

Datejs

Datejs is an open-source JavaScript Date Library. Datejs is comprehensive, yet simple, stealthy and fast. Datejs has passed all trials and is ready to strike. Datejs doesn’t just parse strings; it slices them cleanly in two.

XRegExp

XRegExp is a JavaScript library that provides an augmented, cross-browser implementation of regular expressions, including support for additional modifiers and syntax. Several convenience methods and a powerful recursive-construct parser are also included.

Flotr

Flotr is a javascript plotting library. Flotr enables you to draw appealing graphs in most modern browsers with an easy to learn syntax. It comes with great features like legend support, negative value support, mouse tracking, selection support, zoom support, event hooks, CSS styling support and much more.

js.io

js.io is a JavaScript Network Library that simplifies creating rich web applications by providing direct integration with Open protocols.

Raphaël

Raphaël is a small JavaScript library that should simplify your work with vector graphics on the web. If you want to create your own specific chart or image crop and rotate widget, for example, you can achieve it simply and easily with this library.

JSXGraph

JSXGraph is a cross-browser library for interactive geometry, function plotting, graphs, and data visualization in a web browser. It is implemented completely in JavaScript and uses SVG and VML.

WMS-MAP

The WMS Javascript Library provides an API to allow the creation of dynamic maps including simple zoom functionality, clickable Google maps like overlays.

Highlight.js

Highlight.js highlights syntax in code examples on blogs, forums and in fact on any web pages. It’s very easy to use because it works automatically: finds blocks of code, detects a language, and highlights it.

SyntaxHighlighter

SyntaxHighlighter is here to help a developer/coder to post code snippets online with ease and have it look pretty. It’s 100% Java Script based and it doesn’t care what you have on your server.

PlotKit

PlotKit is a Chart and Graph Plotting Library for Javascript. It has support for HTML Canvas and also SVG via Adobe SVG Viewer and native browser support.

JUnify

JUnify is a JavaScript library for performing unification on objects and arrays. It can be executed by any browser that supports JavaScript version 1.5 and up. Unification is an algorithm to determine the substitutions needed to make two expressions match. If the expressions contain variables, these will need to be bound to values in order for the match to succeed. If two expressions are not identical or the variables cannot be bound, the match fails.

In conclusion all I say is that JavaScript is impressive.

In this article I am going to share a collection of ways to display images on your website. I am going to give you the link, description, License and the technology used. I hope that this would be helpful for you and I will be thankful for any one to share other ways than the ones I have put in here. Lets get into the subject.

AgileGallery

Technology: JavaScript & Flash
License: Free to use commercialy and non-commercialy

Couloir.org slideshow
a Flash-like behavior implemented solely in Javascript, HTML, and CSS.
Technology: JavaScript
License: Creative Commons ‘Attribution-ShareAlike 2.0’ License

dfGallery

Technology: Flash & PHP
License: Free

DhoniSow

Technology: JavaScript
License: Creative Commons Attribution 2.5 Generic License

Flash Photo Gallery

Technology: Flash
License: not Free, Price $25.00

FrogJS

PopBox is an image magnification javascript solution for dynamically moving and resizing images on your web page. Javascript? Yes – I know it’s nothing new and that you’ve been able to move and resize things in Javascript for years, but only now is there a prepackaged solution that makes it as easy as 3 lines of HTML without knowing a lick about positioning!

If your web site has a thumbnail image gallery then you need PopBox!

Main Features

• Ridiculously simple to use.
• Does not navigate away from the page or create separate windows.
• Does not require any special browser plug-ins. 100% script and CSS solution.
• Includes a multi-line caption capability that dynamically sizes to fit.
• Allows for a different image to be used for the thumbnail and Popped images – on page load or on image click.
• Can display a user-defined text message across the top of the image on page load on the thumbnail image.
• Can display a user-defined text message across the top of the image after it has been popped.