An experiment/hack using getUserMedia to watch for swipes left and right with a hand. This could be applied to many different uses. Flipping through pictures in an image carousel, moving to the next item in a list, flipping pages of a book or magazine, etc.
Archive for 2013
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
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.
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 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
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 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
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)
