0

Spritely: Create Sprite Animation Using jQuery

Posted by W3Avenue Team on Mar 9, 2010 in Javascript, Silver Light  | View Original Article
 

Spritely is a jQuery plugin for creating dynamic character and background animation in pure HTML and JavaScript. It is a  light-weight plugin with a few simple methods that allow you to easily create animated sprites and scrolling backgrounds. It is a cross browser plugin that works on all major browsers including iPhone and Internet Explorer 6.

Spritely provides two key methods, sprite() and pan() both of which simply animate the background-image CSS property of an element. The difference between the two is that a ’sprite’ image contains two or more ‘frames’ of animation, whereas a ‘pan’ image contains a continuous image which pans left or right and then repeats.

Developed by Artlogic Media; Spritely is dual licensed under the MIT or GPL Version 2 Licenses. You can find further information, documentation, demo & download on Spritely Website.

Similar Posts:

You can also stay updated by following us on Twitter, becoming a fan on Facebook or by subscribing to our FriendFeed.

Tags: , , , , , , ,

 
0

Floom: MooTools Slideshow

Posted by W3Avenue Team on Mar 3, 2010 in Javascript, Silver Light  | View Original Article
 

Floom is an extendible slideshow widget for MooTools 1.2+ that produces very nice blinds effect. It is really easy to use and can also be used to load large images, since it shows a progress wheel while loading images in the background. Floom is cross browser plugin that works on all modern browser.

Floom is lightweight and really simple to implement. You can either specify the image URL and the caption using the key-value notation inside JavaScript or by adding image tags inside a <div>. If you specify images in your markup you can provide image caption is the title attribute.

Features

  • Specify directory where to look for images/slides
  • Enable or disable progress bar
  • Enable or disable captions
  • Specify interval between slide change
  • Specify amount of blinds
  • Specify animation duration
  • Specify axis: either horizontal or vertical

Developed by Oskar Krawczyk; Floom is available for download under the MIT Licenses.  You can find further information, demo & download on Floom Website.

Similar Posts:

You can also stay updated by following us on Twitter, becoming a fan on Facebook or by subscribing to our FriendFeed.

Tags: , , , , ,

 
0

YoxView: jQuery Image Viewer Plugin

Posted by W3Avenue Team on Feb 22, 2010 in Javascript, Silver Light  | View Original Article
 

YoxView is an easy to use, feature rich jQuery plugin that you can use to create light box and/or slide shows. You can set the configuration options to enable caching of full size images, even before user opens image gallery. This is a cross browser plugin that works on all modern browsers.

YoxView requires very simple markup – all you need to do is write markup for thumbnail images linking to their full size images, nested inside a DIV. This also enables your image viewer to degrade gracefully when JavaScript is turned off. It offers several useful configuration options, enabling you to easily customize its functionality.

Features

  • Images are resized to fit inside the browser’s window
  • Images can be pre-cached
  • Multiple instances of the viewer may be used in the same page
  • Fully configurable – each instance may have a different configuration
  • Multilingual and bidirectional
  • Slideshow-enabled – play images automatically
  • Keyboard access – navigate through images using the keyboard
  • Search engine friendly – large images are indexed
  • Extremely easy to integrate

Developed by Yossi Kolesnicov; YoxView is available for download under MIT license.  You can find further information, demos & download on YoxView Website.

Similar Posts:

You can also stay updated by following us on Twitter, becoming a fan on Facebook or by subscribing to our FriendFeed.

Tags: , , , , , , ,

 
0

EZ-CSS: Lightweight CSS Framework

Posted by W3Avenue Team on Feb 21, 2010 in Javascript, Silver Light  | View Original Article
 

EZ-CSS is a lightweight, browser-friendly and easy to use CSS framework for creating CSS layouts for your website. When using EZ-CSS framework you are not bound to a grid; and it lets you create multiple columns of any width, with or without gutters of any width.

EZZ-CSS promotes “Cut & Paste” methodology by providing several code snippets for your layout. You can select a code snippet for your layout and paste it in your code; and since EZZ-CSS facilitates deep nesting, you can nest another block of code inside existing blocks of code to achieve the layout you want.

Developed by Thierry Koblentz; EZ-CSS is available for download under MIT and BSD licenses.  You can find further information, demos & download on EZ-CSS Website.

Similar Posts:

You can also stay updated by following us on Twitter, becoming a fan on Facebook or by subscribing to our FriendFeed.

Tags: , , , , , ,

 
0

Replace One Group of Items With Another Using Quicksand

Posted by W3Avenue Team on Feb 19, 2010 in Javascript, Silver Light  | View Original Article
 

Quicksand is a jQuery plugin that enables you to reorder and filter items with a nice shuffling animation effect. Quicksand does this by replacing one collection of items with another. It has been tested with all modern browsers and works in IE 7+, Opera 10+, Firefox 3.5+, Safari 4+ and Chrome 4+.

Quicksand plugin is very well documented and is easy to implement. All you need to do is provide two sets of items. You can do it in plain HTML with unordered lists; provide data via AJAX call; or transform HTML items using JavaScript (e.g., sort them differently).

Quicksand’s built-in animation is quite good, but you can take it further by using jQuery Easing plugin for additional easing options and/or you can also use jQuery Animate CSS Rotation and Scaling for additional CSS3 scaling animation.

Developed by Jacek Galanciak; Quicksand jQuery Plugin is available for download under MIT and GPL2 licenses.  You can find further information, demo & download on Quicksand jQuery Plugin Website.

Similar Posts:

You can also stay updated by following us on Twitter, becoming a fan on Facebook or by subscribing to our FriendFeed.

Tags: , , , , , , ,

 
0

EnhanceJS: JavaScript Framework For Progressive Enhancement

Posted by W3Avenue Team on Feb 18, 2010 in Javascript, Silver Light  | View Original Article
 

EnhanceJS is a JavaScript framework that enables you to easily start building sites with test-driven progressive enhancement. It test the browser to determine whether it is capable of correctly supporting a range of essential CSS and JavaScript properties, and delivers features only to those that pass the test.

EnhanceJS consist of only single 2.5kb JavaScript file (minified/gzipped),  and is written in pure JavaScript – so it has no dependencies, enabling it to work perfectly alongside other JavaScript libraries.

The list of browsers that pass the default EnhanceJS test suite includes modern browsers back to Internet Explorer 6, Safari 3, Firefox 1.5, and mobile safari (iPhone); while browsers like Internet Explorer 5.5, Safari 2, and the Blackberry browser will receive the basic experience. The EnhanceJS test suite can be configured to meet the needs of any project, so the division of browsers will change depending on the capabilities you choose to test. The test suite is also customizable, so you can run tests for any capabilities that are essential to the functionality of a given site.

EnhanceJS is developed and maintained by Filament Group, Inc. and was developed as part of the book “Designing With Progressive Enhancement“. It is available for download under MIT License; you can find further information & download on EnhanceJS Project Website.

Similar Posts:

You can also stay updated by following us on Twitter, becoming a fan on Facebook or by subscribing to our FriendFeed.

Tags: , , , , ,

 
0

TinyTips jQuery Plugin

Posted by W3Avenue Team on Feb 18, 2010 in Javascript, Silver Light  | View Original Article
 

TinyTips is a lightweight jQuery plugin that enables you to add tool tips in your web page. You can use jQuery $() function to select any element in your page and apply TinyTips. It is also a cross browser plugin that works in all modern browsers (with some animation issues in IE).

In addition to being really lightweight and fast, TinyTips is easy to implement and has well commented code. You can easily customize the look and feel using CSS. It allows you to pass tooltip’s content using “title” attribute in the markup or you can specify a custom string(which may also include any markup you may want to use).

Developed by Mike Merritt; TinyTips jQuery Plugin is available for download under MIT and GPL licenses.  You can find further information, demo & download on TinyTips jQuery Plugin Website.

Similar Posts:

You can also stay updated by following us on Twitter, becoming a fan on Facebook or by subscribing to our FriendFeed.

Tags: , , , , , ,

 
0

Ketchup: Extendable jQuery Plugin For Form Validation

Posted by W3Avenue Team on Feb 17, 2010 in Javascript, Silver Light  | View Original Article
 

Ketchup is flexible and extendible form validation plugin that allows you to easily control its appearance and functionality. Powered by jQuery, you can extend it to add more validation rules that fit your needs. If you don’t prefer the default styling you can easily change it as well to match your theme.

The main strength of this plugin over other validation plugin is the way code has been organized. It is divided into three files: core , messages and validation that enables developers to easily extend any part of the script. The look and feel can easily be modified by changing the CSS file.

Developed by Sebastian Senf; Ketchup jQuery Plugin is available for download under MIT and GPL licenses.  You can find further information, demo & download on Ketchup jQuery Plugin Website.

Similar Posts:

You can also stay updated by following us on Twitter, becoming a fan on Facebook or by subscribing to our FriendFeed.

Tags: , , , , , ,

 
0

Grafico: JavaScript Charting Library

Posted by W3Avenue Team on Feb 16, 2010 in Javascript, Silver Light  | View Original Article
 

Grafico is a JavaScript charting library powered by Raphaël and Prototype. It is really flexible to implement; produces good, clean looking graphs; and is cross browser library that has been tested on Firefox, Chrome, Safari, Opera and Internet Explorer 6+.

Grafico provides numerous API options to customize the look and functionality of various types of graphs/charts: Line, Area, Stacked Area, Stream, Bar, Horizontal Bar, Sparklines, Sparkbars, and Sparkareas.

Features

  • Selects the best range to display your data
  • Display additional information such as the value when hovering over charts
  • Display meanline that display average of all datapoints
  • Use an image as a watermark over your graphs

Developed by Kilian Valkhof (Based on Ico by Alex Young); Grafico is available for download under MIT license. You can find further information, demos & download on Grafico Website.

Similar Posts:

You can also stay updated by following us on Twitter, becoming a fan on Facebook or by subscribing to our FriendFeed.

Tags: , , , , , , , ,

 
0

AJAX Graphs For MooTools With mooBarGraph

Posted by W3Avenue Team on Feb 14, 2010 in Ajax, Javascript, Silver Light  | View Original Article
 

mooBarGraph is AJAX graph plugin for MooTools which enables you to easily add simple bar and stacked bar graphs in your web pages. It makes graphs from your JSON data and is compatible with all major browsers including Internet Explorer 6.

mooBarGraph is a feature rich plugin, with support for URL bars, info boxes, negative values, AJAX data loading, etc. However it is still very easy to use and can easily be customized using several configuration options such as: height, width, color, title, legends, etc.

Features

  • You can set label, color, URL and tooltip text for every bar
  • Bars can be simple or stacked
  • Legend can be created automatically
  • Data can be loaded with AJAX and can have negative values for simple type
  • Compatible with all major browsers including IE

Developed by Ivan Lazarevic (also the developer of jqBarGraph – jQuery graph plugin); mooBarGraph Plugin is available for download under the MIT style licenses.  You can find further information, demos & download on mooBarGraph Website.

Similar Posts:

You can also stay updated by following us on Twitter, becoming a fan on Facebook or by subscribing to our FriendFeed.

Tags: , , , , ,

Copyright © 2010 Answer My Query All rights reserved. Maintained by Orange Brains .