Scalem : jQuery plugin to make any Element Scalable

Scalem : jQuery plugin to make any Element Scalable

Scalem, short for scale elements or slang for scale ‘em, is a light-weight responsive text jQuery plugin inspired by FlowType. Use it to “liquify” elements on your website so that they scale relative to the width of their parent element or, optionally, any element you specify (see Options below). Scalem is not just limited to text size—it can be used to scale any CSS style that takes a numeric unit such as px, em, or %.

Integrate Pixlr Online Photo Editor in Website

Integrate Pixlr Online Photo Editor in Website

In this tutorial we are going to integrate pixlr online photo editor in our web application or website.

Pixlr is an free online photo editor tool, using this pixlr editor we can edit photos like in adobe photoshop. pixlr has almost same interface of photoshop, if you know photoshop little bit then it’s easy for you to edit photos in pixlr editor. So now we are going to add this excellent pixlr photo editor in our website.

SParallax : jQuery Parallax Effects Plugin

SParallax : jQuery Parallax Effects Plugin

SParallax is a responsive Jquery plugin that allows you to bind element transitions to the native vertical scroll bar of any web browser, thus allowing you to create parallax effects that are only limited by your imagination.

jQuery Video Background plugin

jQuery Video Background plugin

HTML5 video background jQuery plugin.Will place a resizable video in to the background of the page or designated element. Browsers that don’t support the HTML5 video element will get an image if a poster image was provided.

If the containing element’s width and height does not match the aspect ration of the video, the video will not stretch to fill the container but will render based on the largest dimension.

Snabbt.js : Fast Animations with javascript and CSS transforms

Snabbt.js : Fast Animations with javascript and CSS transforms

Snabbt.js is a minimalistic javascript animation library. It focuses on moving things around. It will translate, rotate, scale, skew and resize your elements. By including matrix multiplication operations, transforms can be combined in any way you want. The end result is then set via CSS3 transform matrices.

snabbt.js is built to be fast. It will only animate things that modern browsers can animate cheaply: transforms and opacity. The goal is to make a library that will let the user make smooth animations without needing to know too much about browser rendering.

Detect Shake in Phone using jQuery

Detect Shake in Phone using jQuery

In this post I want to explain you how to implement phone shake detection using jquery. Using this I had implemented an interesting concept that shake the mobile device and get the product discount. Very easy to use add this to your e-commerce project, sure this user experience feature will attract the people for more sales. Please try these live demos with your mobile device, this works with mobile web browser device accelerometer.

Highlighting Text in Textarea with jQuery plugin

Highlighting Text in Textarea with jQuery plugin

jQuery plugin for highlighting text in textarea.

Triagonal Roticerod : Colourful Triangle Patterns

Triagonal Roticerod : Colourful Triangle Patterns

Triagonal roticerod is a javascript library to make gradients in a triangle pattern.

Magic Dust : HTML Particles with JavaScript

Magic Dust : HTML Particles with JavaScript

Magic Dust is pure html solution for particles based effects. The main benefits of our plugin is easy to use, high performance, responsive and lightweight of plugin. 2.9KB and you can add amazing effects to your html elements. Just few lines of code and magic will happen on your page.

Features:

  • Pure JS, 2.9KB
  • No jQuery, Vanilla or other libraries required
  • Low CPU and RAM Usage
  • Responsive support, works perfect with relative values like percents, em or rem
  • High customability, 12 parameters
  • Easy to use, just few lines of well documented code
  • Working fine on mobile devices

Pong.js : jQuery PONG Game

Pong.js : jQuery PONG Game

A simple JS library to add a game of 1 player pong to any web page using jQuery and basic html elements and styles.