Tuesday, September 28, 2010

45+ Very Functional Javascript Sliders and Scrollers

45+ Very Functional Javascript Sliders and Scrollers

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 »

Tuesday, February 3, 2009

Links Pile Up: 20+ JavaScript Frameworks & Libraries

Links Pile Up: 20+ JavaScript Frameworks & Libraries

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.

Thursday, June 12, 2008

Lightweight Slideshow Script

There is been a while since I have posted any article here, but this has a very good reason. I have been lately busy in some projects and I had no time left for posting, another good reason is that I am working on a new design for my online portfolio. In the mean time I will pause posting until I finish projects in progress and my online portfolio.
Any way lets get back to the main issue. I have recently been looking for wonderful free scripts to get inspiration from and I stumbled upon this one, which is called BarackSlideshow by Devthought. I know that the name might seem a little political but this is because the script makers got the inspiration from Barack Obama’s website. Any way you can view it and I hope it can be helpful.

Sunday, December 23, 2007

Impressive Ways to Display Pictures and Galleries

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

AgileGallery is a photo gallery that rips through the XML output from Picasa (a free download from google) and generates the paging and thumbnails and displays the full sized photos along with any captions entered in Picasa.

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

dfGallery is a very cool and professional flash gallery to display your pictures in it and it supports Flickr , Picasa , Fotki and Photobucket.

Technology: Flash & PHP
License: Free

DhoniSow

DhoniSow is an HTML and JavaScript inline gallery to display your pictures on your website wit a very creative and new way using prototpe and Scrippt.aculo.us JavaScript Libraries.

Technology: JavaScript
License: Creative Commons Attribution 2.5 Generic License

Flash Photo Gallery

An easy way to nicely display photos on your site, this gallery can be used to show jpg, gif, swf or png files.The gallery can work as standalone application. You can add/remove photos without using the flash program, the configuration file can be edited with a simple text editor.

Technology: Flash
License: not Free, Price $25.00

FrogJS

FrogJS is a simple, unobtrusive javascript gallery. It’s not a replacement for other thumbnail galleries like Lightbox JS, but a different way of showcasing galleries. This type of gallery is best used when a page-by-page gallery is needed, as is the case with photo stories.
Technology: JavaScript
License: Free

GreyBox
GreyBox can be used to display websites, images and other content in a beautiful way.
Technology: JavaScript
License: Free

Highslide JS

Highslide JS is an open source JavaScript software, offering a Web 2.0 approach to popup windows. It streamlines the use of thumbnail images and HTML popups on web pages.
Technology: JavaScript
License: Creative Commons Attribution-NonCommercial 2.5 License

Image Gallery using jQuery, Interface & Reflections

It’s an image gallery with smooth transitions, thumbnails and pretty reflections. Of course, this is the first version (something like a beta) and definitely not ready for prime time.
Technology: JavaScript
License: Free

Lightbox 2

Lightbox is a simple, unobtrusive script used to overlay images on the current page. It’s a snap to setup and works on all modern browsers.
Technology: JavaScript
License: Creative Commons Attribution 2.5 License

LightWindow
LightWindow is a light JavaScript for displaying your images in a popup friendly way.
Technology: JavaScript
License: Free

minishowcase

minishowcase is a small and simple php/javascript online photo gallery, powered by AJAX that allows you to easily show your images online, without complex databases or coding, allowing to have an up-and-running gallery in a few minutes.
Technology: PHP/JavaScript
License: Creative Commons Attribution-Share Alike 2.5 License

PostcardViewer

PostcardViewer is a free Flash image viewer. The interface is based on the real world metaphor of a set of postcards shuffled onto a surface.
Technology: Flash
License: Free

SimpleViewer
SimpleViewer is a free, customizable Flash image viewing application.
Technology: Flash
License: Free

SmoothGallery

Using mootools v1.11, this javascript gallery and slideshow system allows you to have simple and smooth (cross-fading…) image galleries, slideshows, showcases and other cool stuff on your website.
Technology: JavaScript
License: GPL licensed

ThickBox

ThickBox is a webpage UI dialog widget written in JavaScript on top of the jQuery library. Its function is to show a single image, multiple images, inline content, iframed content, or content served through AJAX in a hybrid modal.
Technology: JavaScript
License: Free

Zenphoto

Zenphoto just shows your photos, simply. It’s got all the functionality and “features” you need, and nothing you don’t.
Technology: PHP & MySQL
License: GNU General Public Licence

Gallery

Gallery is an open source web based photo album organizer. Gallery gives you an intuitive way to blend photo management seamlessly into your own website whether you’re running a small personal site or a large community site.
Technology: PHP & MySQL
License: Open Source

singapore

singapore is a free, fast, simple, multilingual, template-driven PHP image gallery! It does not require a database and although it has a full web-based admin interface, you can also build your galleries directly via FTP.
Technology: PHP
License: Free

4images

4images is a powerful web-based image gallery management system. Features include comment system, user registration and management, password protected administration area with browser-based upload and HTML templates for page layout and design.
Technology: PHP & MySQL
License: Free for private and non-commercial use

Plogger

Plogger is a simple yet powerful tool — everything you need to share your images with the world. Plogger is your photos integrated into your website, a fully featured photo sharing package with an attractive and easy to use administrative interface that makes managing your galleries a breeze.
Technology: PHP & MySQL
License: Open Source

SLIDE SHOW

A cross browser CSS slide show from CSS Play. It is a very simple, easy to use and stylish way to view your images.
Technology: HTML & CSS
License: Free for Personal use

JaS gallery

JaS is short for JavaScript Slides and it is a highly customizable JavaScript library for easily turning your images into a collection viewable as a slideshow, and with fading effects, if desired. It also supports automatic thumbnail creation and tagging of images, so the viewers can find the exact images they’re looking for. You can use it any way you like in your own web site, and adapt it to your specific needs.

Technology: JavaScript
License: Free

(E)2 Photo Gallery

(E)2 Photo Gallery is a open source gallery built with Mootools Javascript Library the compact, modular, Object-Oriented javascript framework. Designed to allow you to upload your photos to a desired folder, tell the (E)2 Photo Gallery what folder to look at and it will automatically load the images using PHP.

Technology: PHP & JavaScript
License: Free

Flash Carousel Slideshow

It is an impressive way to display your images in a slide show with refkection and animation. It is built using Flash.
Technology: Flash
License: Free

Flash Image Gallery

The FIG is a gallery application that can be used by anyone to display multiple galleries of photos, artwork, or other pictures with descriptions. It requires no server-side language and will run on any web host. It is idealy suited for artists with online galleries, but can be used by anyone.
Technology: Flash
License: Free

Imago

Imago is a small, simple and easy to use Ajax Image Gallery. Its plain JavaScript (using mootools) and uses no server side scripting. The software configuration is done directly inside the (X)HTML file. Via a plugalbe loading mechanism it can access various gallery definitions and provides a default loader which uses the SimpleViewer gallery.xml format and is therefor compatible.
Technology: JavaScript
License: Free

AJAX Image Gallery powered by Slideflow
I is an AJAX Image Gallery powered by Slideflow (like Cover Flow).
Technology: JavaScript
License: Creative Commons Attribution 3.0 Unported

Flash iTunes Albumart Viewer
A Flash based image slide show in the style of iTunes Albumart Viewer.
Technology: Flash
License: Free

Flash XML Gallery

It is a Flash and XML easy to use and stylish gallery tha supports Categories, this gallery is not creatd by Deziner Folio bt found in his old download collection, and no one knows who this belong to.
Technology: Flash
License: Free

Photo Viewer

The Photo Viewer uses both Flash and XML. All data is stored within an XML file making it easy to make modifications and update.
Technology: Flash
License: Free

That is it I hope you like it and it was useful for you. Please if you like it digg it, thank you.

Sunday, November 4, 2007

PopBox Moving and Resizing Images – Easy, Simple, Dynamic

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.

Follow Me

Behance Delicious DeviantART Google LinkedIn Pinterest RSS

Subscribe by Email

Enter your email address:

Sponsors

Blog Archive

  • 2019
  • 2014
  • 2013
  • 2012
  • 2011
  • 2010
  • 2009
  • 2008
  • 2007
  • 2006

Twitter Updates

Friends