Expo360º : 360º Product Viewer in jQuery

Expo360º : 360º Product Viewer in jQuery

With Expo360° you take showcasing products on your website to the next level. Your customer not only gets a better look and feel of the product that you are presenting, it also is a cool feature on your website that will blow everyone away!.Opposite to existing 360° viewers available online, this viewer doesn’t use Flash and offers great interaction on mobile devices such as iPad and iPhone. What makes it even more unique is the extensive set of configurations possible. It allows you to create a look and feel that will match your online presence perfectly.

Features :

  • Easy 360° views of your products;
  • Easily change the width and height of the viewer;
  • Loads external images;
  • 100+ XML configurations;
  • Add hotspots to show details;
  • Custom grabhand cursor;
  • Smart zoom functionality with mousewheel support;
  • Optional zoom navigation window;
  • Use as a fancy zoom/pan viewer with a single image.

wScratchPad : HTML5 jQuery Scratch Pad Plugin

wScratchPad : HTML5 jQuery Scratch Pad Plugin

The Websanova Scratch Pad is a unique one of a kind plugin that allows you to add a scratching effect to images something similar to scratching a lottery ticket. It is written using canvas so you would need an HTML5 compliant browser to use it but it does support a fallback to display a message to upgrade to a newer browser if the browser does not have canvas support. What’s really cool is that it keeps track of the percentage of area scratched so that you can trigger a callback once a user scratches a certain amount of the surface area.

Catepilla : Image gallery get all wiggly with jQuery

Catepilla : Image gallery get all wiggly with jQuery

Make that image gallery get all wiggly with this jQuery plugin.

scale9grid : jQuery Plugin for Scaling Background Images Using a Grid

scale9grid : jQuery Plugin for Scaling Background Images Using a Grid

This plugin adds support for scaling background images using a 9-grid. Developers can specify a grid for selected elements which causes the background-image to be scaled selectively, depending on what part of the grid the background lies. Parts of the background which lie in the corners of the grid will not be scaled and parts in the sides of the grid will only be scaled in one direction.

Features:

  • No more slicing up images into multiple files
  • No more tedious styling and structural markup for the same effect
  • Achieve rounded corners
  • Achieve drop shadows
  • Complex fluid backgrounds

Autogrow Textarea Plugin Version 2.0

Autogrow Textarea Plugin Version 2.0

Today, I am glad to announce a new version of the Autogrow Textarea plugin. It automatically resizes your textarea; before you had an algorithm that calculated the correct width according to your font-size and cols settings. Now, the plugin does it automatically. Big time saver.

It automatically sets the correct CSS attributes; before the user had to enter this manually in the CSS file. Now it’s done by the plugin.The plugin is fired when the page loads; a lot of users requested this feature. When you load a page with data already entered in the textarea, the latter will automatically resize itself.The plugin fires on more events; the plugin used to be fired when the user was typing. Now it does more than that.It no more pollutes the global namespace; if you’re not familiar with these terms, let’s just say the code will not conflict with other Javascripts.

Horizontal bar graph with CSS3 and jQuery

Horizontal bar graph with CSS3 and jQuery

Today we’ll create an animated, horizontal bar graph using jQuery, CSS3 properties (such as: gradients, border-radius, rgba) and CSS3 transitions.

Slider Revolution Responsive jQuery Plugin

Slider Revolution Responsive jQuery Plugin

Turn simple HTML markup into a responsive(mobile friendly) or fullwidth slider with must-see-effects and meanwhile keep or build your SEO optimization (all content always readable for search engines). See the heaps of custom transitions/animations for each object on the page! Customize this slider with just a little HTML and CSS to your very needs.

This plugin features tons of unique transition effects, an image preloader, video embedding, autoplay that stops on user interaction and lots of easy to set options to create your own effects. All customization can be handled via jQuery Options, HTML 5 data-attributes and CSS !

NiceScroll : jQuery Scrolling plugin for desktop,mobile & touch devices

NiceScroll : jQuery Scrolling plugin for desktop,mobile & touch devices

Nicescroll (as nice scroll for browsers) is a jquery (since 1.5) plugin, for nice scrollbars with a very similar ios/mobile style. It supports DIVs, IFrames and document page (body) scrollbars. Compatible with Firefox 4+, Chrome 5+, Safari 4+ (win/mac), Opera 10+, IE 6+. (all A-grade browsers) Compatible with iOS devices as iPad. So you have scrollable divs for iPad.

Infinite Ajax Scroll, a jQuery plugin

Infinite Ajax Scroll, a jQuery plugin

Infinite Ajax Scroll is a plugin that turns you existing pagination into an infinite scrolling one, with ease.
Features

  • Infinite scrolling increases usability for you visitors, by removing an extra click
  • Increase average time spent on your website by visitors
  • Graceful degration for browsers without JavaScript
  • Allows for multiple instances, like for posts and comments
  • Easy to implement
  • Clearly coded and well documented
  • Similar technique as seen on Twitter, Facebook, Google Reader and many more…

EaselJS : JavaScript Library to makes work with HTML5 Canvas element easy

EaselJS : JavaScript Library to makes work with HTML5 Canvas element easy

EaselJS is a library to make working with the Canvas element easier. It provides a display list to allow you to work with display elements on a canvas as nested objects. It also provides a simple framework for providing shape based mouse interactions on elements in the display list. This is useful for games, generative art, and other highly graphical experiences.

EaselJS provides straight forward solutions for working with rich graphics and interactivity with HTML5 Canvas. It provides an API that is familiar to Flash developers, but embraces Javascript sensibilities. It consists of a full, hierarchical display list, a core interaction model, and helper classes to make working with Canvas much easier.