jQuery.qrcode : Generate QR codes dynamically

jQuery.qrcode : Generate QR codes dynamically

jQuery.qrcode enables you to dynamically add QR codes to your website. Choose between rendering the code in a canvas or with divs. The latter will be fine even for older browser. The generated QR code will be in the least possible version requiered to encode the content (least number of blocks).

CSS3 Creative Link Effects

CSS3 Creative Link Effects

Today we’d like to share some experimental and creative link effects with you. The idea is to use pseudo-elements and animate them to create a subtle and modern effect. In the examples we are using hover transitions, but you could also imagine these effects on click or as an initial animation.

jQuery Responsive Colored Header/Footer Ribbon

jQuery Responsive Colored Header/Footer Ribbon

This is simple, easy-to-use, fast Javascript plugin for Responsive, Colored Header Ribbon’s on your website. It seperates rainbow element to proportional colored cells given by the user. You can also use it for footer, and other elements too.

Responsive-Measure : jQuery Responsive Ideal Measure Plugin

Responsive-Measure : jQuery Responsive Ideal Measure Plugin

Responsive Measure is a simple script that allows you to pass in a selector (ideally the container where your primary content will go) which generates the ideal font size needed to produce the ideal measure for your text.It also has the ability to generate a resolution independent font-scale based on the ideal font-size.

Watermark.js : jQuery Watermark Image plugin

Watermark.js : jQuery Watermark Image plugin

Watermark.js is a js library for creating watermarks on images written by Patrick Wied. Images with a classname of your choice (default “watermark”) will get processed and then apply your watermark. Your watermark doesn’t have to be a .PNG or .GIF with transparency, watermark.js creates transparency even if you defined a .JPG as your watermark picture.

The purpose of watermark.js is to protect images, served from your website from copying without a mark. It’s not a real image protection, because if you get the document at the initial state you’ll be able to read the srces but a normal user wont get it ;) watermark.js is not limited to “image-protection” only, but you could also place a little identifier or a picture of you in your images.

jQuery Peelback Ads Plugin

jQuery Peelback Ads Plugin

This is a jQuery plugin for adding a “peelback” or “peelaway” ad to a page.The peelback effect by animating the ad image (the background image) and the peel image in parallel.

Features:

  • Except for the two images, everything is contained in the plugin, which means you can add this to your site without having to touch your stylesheets or HTML.
  • Lightweight. The script and the peel effect image combined are only 7.3KB.
  • Plugs into Google Analytics Event Tracking to record the mouseover/peelback event.
  • Works in all modern browsers as well as IE6, IE7, and IE8.

SimpleSlideView : jQuery plugin for the simplest of sliding views

SimpleSlideView : jQuery plugin for the simplest of sliding views

SimpleSlideView is a nifty little jQuery or Zepto plugin for the simplest of sliding views.This plugin was designed to work well with non-fixed layouts, which means it can be helpful to scroll to the top of the window or container prior to a view changing. If a $.scrollTo plugin is available, SimpleSlideView will attempt to use it by default. It has been tested with jquery.scrollTo and ZeptoScroll.

Yet Another DataTables Column Filter in jQuery

Yet Another DataTables Column Filter in jQuery

This jQuery plug-in allows the user to easily add filter components to table columns, the plug-in works on top of the DataTables jQuery plug-in.

Features:

  • Various filter options:
    • select input
    • autocomplete input – make use of the jQuery UI Autocomplete widget (with some enhancements)
  • Parsing various types of columns:
    • plain text
    • plain text with delimiter
    • one or more HTML elements with the ability to extract text / value / id from each HTML element
  • Multiple tables support
  • CSS support:
    • each filter element has got a css style class , so its style can be easily overridden
  • Reset button for filter:
    • next to each filter a reset button will appear (this button allows the user to reset the filter)
  • Filter in use visual notification:
    • when a certain filter is being used it will be highlighted (the color of highlight can easily be changed with css)

Panoramic : jQuery Full Screen Street View Rotator

Panoramic : jQuery Full Screen Street View Rotator

Panoramic is a javaScript library allows you to use Google Street View in the background of the web page. For desktops devices panoramas can rotate automatically, for mobile device shows a static image of this panorama. Included is a background layer pattern ready for use.

Features:

  • Responsive panoramas
  • Support Retina display
  • 20 background patterns
  • Support mobile device
  • Cross Browser Compatible
  • Full screen

Bootstrap Tags Input a jQuery Plugin

Bootstrap Tags Input a jQuery Plugin

Bootstrap Tags Input is a jQuery plugin providing a Twitter Bootstrap user interface for managing tags.

Features:

  • Objects as tags
  • True multi value
  • Typeahead
  • AngularJS directive included
  • Designed for Bootstrap 2.3.2 and 3