Javascript Guru

you be a guru in script

Post Top Ad

Post Top Ad

Sunday, April 24, 2011

4:53 PM

Image Zooming With jQuery

jqZoom is a jQuery plugin which enables images to be zoomed.
This is an easy-to-implement plugin which is very handy, specially, in e-commerce projects & galleries.

How it works?

This jQuery zoom plugin simply requires that "jqzoom" class to be added to images other that including the JS file and calling the main function once. And that’s it.
You can also configure it to mention the width-height of the zoom div and its position.

Requirements: jQuery
Compatibility: All Major Browsers

Wednesday, March 10, 2010

10:00 PM

Alloy UI: Feature-Rich JavaScript UI Framework

Alloy UI is a JavaScript UI library, a CSS framework, a set of HTML recipes and a taglib library, all combined to empower developers across multi-skilled teams deliver rich and dynamic applications.
It is built by the developers of Liferay, has a lot of ready-to-use components & requires Yahoo! User Interface Library to run.
The components include:
  • auto-complete
  • charts
  • color picker
  • calendar
  • tooltips
  • forms
  • treeview
  • image gallery
  • & much more..
The framework comes with full set of demos & not documented yet (currently in a preview release).

Requirements: YUI
Compatibility: All Major Browsers

Thursday, September 17, 2009

9:29 AM

JavaScript Framework Matrix: Compare The Popular Ones

The JavaScript Framework Matrix, by Mathias Schütz, is a well-presented comparison of the popular JavaScript frameworks.
It shows examples for most of the functions which gives a strong idea on the coding principles of every framework.

The libraries included are:

  • jQuery
  • MooTools
  • The Dojo Toolkit
  • Prototype
  • Ext.JS
  • Adobe Spry
  • BBC Glow
  • Yahoo UI! Library
Every function/snippet provided links to the original documentation which is nice for reading more on the resource.


Sunday, July 19, 2009

11:51 PM

A JavaScript Library By BBC: Glow

Glow is a JavaScript library, built by BBC that aims to make working with JavaScript and the DOM easier, similar to the popular ones like jQuery, MooTools, etc.
It tries to do this by abstracting common tasks, hiding cross-browser issues, and providing a set of user interface widgets.
on reviewing the major libraries we found that none met our standards and guidelines, with browser support in particular being a major issue.

The library is very well-documented & it already comes with various ready-to-use widgets like:
  • autosuggest
  • carousel
  • overlay (lightbox)
  • slider
  • timetable
  • & more..
Several demos are provided to see Glow in action

11:46 PM

TypeSelect: Selectable Custom Texts With JS

TypeSelect is a JavaScript-based solution for using selectable custom fonts on the web.
It combines the power of typeface.js, jQuery, the canvas, toDataURL, CSS background properties & real overlayed text to accomplish this feature.

TypeSelect is very easy to understand & implement. It is totally controlled via CSS & no server-side files are required.
It has support for double/triple-click selections, UTF-8 characters & gracefully degrades in IE6.
On the other hand, currently, it has some limitations like unselectable text in IE, not being able to use :hover or line breaks & few more.

Requirements: jQuery, Typeface.js
Compatibility: All Major Browsers (with some limitations)

Tuesday, June 23, 2009

10:19 PM

Advanced Multilevel Dropdown Menus ProtoFish

ProtoFish is an advanced dropdown menu script which supports multilevel navigations & built with Prototype.
The script is lightweight (1.3kb minimized), unobtrusive & cross-browser.
The hover class used & delay effect of the menus can be customized with ease.
It is accessible via keyboard using the TAB key & multiple instances of ProtoFish menus can be used on the same webpage.
For demos with various number of of levels & delay effects, click here.
Requirements: Prototype 1.6+
Compatibility: All Major Browsers

Monday, January 26, 2009

1:30 PM

Lightweight JavaScript Animation Library: $fx()

$fx() is a JavaScript animation library which is only 3.7kb.
Within a timeline, any CSS property can be altered. And also:
  • you can combine effects
  • group them to the chains and run parallel
  • set different callbacks what gives you even more flexibility.

$fx() is definitely not an alternative to other well-known JavaScript frameworks. On the other hand it does its job (animation) good & if that’s what you need, then it saves you from loading bigger sizes of JS files.
Have a look at the examples.

Requirements: No Requirements
Compatibility: All Major Browsers
10:57 AM

Free JavaScript Slideshow (Lightweight-5kb)

Animated JavaScript Slideshow is a free & lightweight script to display images with style.
It simply turns an unordered list into a gallery which can be customized easily.

You can set it to auto-display the images or it can be browsed manually with the prev-next buttons.

The slideshow provides several other controls like:

  • Speed of the slideshow
  • Information to be displayed or not
  • Opacity of the images & more..
P.S. It does not require any JavaScript library.

Requirements: No Requirements
Compatibility: All Major Browsers