background preloader

Jeromeetienne.github.io/jquery-qrcode/

Jeromeetienne.github.io/jquery-qrcode/
jquery.qrcode.js is jquery plugin for a pure browser qrcode generation. It allow you to easily add qrcode to your webpages. It is standalone, less than 4k after minify+gzip, no image download. It doesnt rely on external services which go on and off, or add latency while loading. It is based on a library which build qrcode in various language. jquery.qrcode.js wraps it to make it easy to include in your own code. Show, dont tell, here is a example How to Use It Let me walk you thru it. Then create a DOM element which gonna contains the generated qrcode image. Then you add the qrcode in this container by jquery('#qrcode').qrcode("this plugin is great"); This is it. see it live. Conclusion jquery.qrcode.js is available on github here under MIT license.

qrcode.js QRCode.js is javascript library for making QRCode. QRCode.js supports Cross-browser with HTML5 Canvas and table tag in DOM. QRCode.js has no dependencies. Basic Usages <div id="qrcode"></div><script type="text/javascript"> new QRCode(document.getElementById("qrcode"), " </script> or with some options and you can use some methods qrcode.clear(); // clear the code. qrcode.makeCode(" // make another code. Sample Code Browser Compatibility IE6~10, Chrome, Firefox, Safari, Opera, Mobile Safari, Android, Windows Mobile, ETC. License MIT License Contact

jQuery Timelinr ↩ CSSLab Dando vida al tiempo / Giving life to time Selecciona tu idioma / Select your language: This simple plugin helps you to give more life to the boring timelines. Last stable version: 0.9.6 Configuration: Include the jQuery library and this plugin: Inicialize-it with the default parameters: $(function(){ $().timelinr();}); Or configure it as preferred: HTML markup must be as follows: <div id="timeline"><ul id="dates"><li><a href="#">date1</a></li><li><a href="#">date2</a></li></ul><ul id="issues"><li id="date1"><p>Lorem ipsum. Icon designed by Sebastián Cortés Changelog: 0.9.6: check if required elements exist on page before initializing timelinr0.9.54: Bugfix: large timelines now gets centered.0.9.53: Bugfix: arrows hidden when jumping from first and last dates resolved.0.9.52: Problem with arrows nav and 2 or less issues now fixed.0.9.51: As requested, now prev/next buttons are hidden if the issue is in the first/last position. Última versión estable: 0.9.6 Configuración: O customízalos: Cambios:

LazarSoft/jsqrcode Turn.js: The page flip effect in HTML5 ClippyJS - Add Clippy or his friends to any website for instant nostalgia Clippy.js is a full Javascript implementation of Microsoft Agent (AKA Clippy and friends), ready to be embedded in any website. Pick an assistant below and mash some animation buttons! Our favorite is Links the cat. During lunch a few weeks ago we thought it would be cool to have a fully functional Clippy that can be embedded in any website. We started thinking about the developers' state of mind when they created Clippy. We built Clippy.js over the weekend to share that fun and whimsy with everyone, and to remind people to try new and risky things, even when they seem silly. We built Clippy.js over the weekend to remind people to try risky and silly things. Agents are composed of multiple sets of animations. Add this code to you to your page to enable Clippy.js. All the agent actions are queued and executed by order, so you could stack them. Thanks to the awesome Cinnamon Software for developing Double Agent, the program we used to unpack Clippy and his friends!

Sidr - A jQuery plugin for creating side menus You will be able to create multiple sidrs on both sides of your web to make responsives menus (or not, it works perfectly on desktop too). It uses CSS3 transitions (and fallbacks to $.animate with older browsers) and it supports multiple source types. Get started Like any other plugin, you must include it after the jQuery script. For a better performance load them at the bottom of your page or in an asynchronous way. You have to include a Sidr Theme stylesheet too, choose between the dark or the light one, or if you prefer create one by your own. Using bower or NPM Instead of downloading the plugin, you can install it with bower or with npm: bower install sidr --save From a CDN If you want to load the scripts from a CDN to save bandwith or improve the performance you can use jsDelivr. Demos & Usage Here are described differents ways of usage for this plugin, you can read and adapt them to your website’s requeriments. The Simplest Usage Create a div called sidr and place your menu there. Cookbook

Crossfilter Fast Multidimensional Filtering for Coordinated Views Crossfilter is a JavaScript library for exploring large multivariate datasets in the browser. Crossfilter supports extremely fast (<30ms) interaction with coordinated views, even with datasets containing a million or more records; we built it to power analytics for Square Register, allowing merchants to slice and dice their payment history fluidly. Since most interactions only involve a single dimension, and then only small adjustments are made to the filter values, incremental filtering and reducing is significantly faster than starting from scratch. Crossfilter uses sorted indexes (and a few bit-twiddling hacks) to make this possible, dramatically increasing the perfor­mance of live histograms and top-K lists. For more details on how Crossfilter works, see the API reference. Example: Airline on-time performance February 28, 2001 236 mi. +139 min. 304 mi. +83 min. 569 mi. +172 min. 646 mi. +97 min. 370 mi. +73 min. 325 mi. +92 min. +16 min. 361 mi.

Roundabout for jQuery by Fred LeBlanc It’s ready-to-go straight out of the box, but if you want to get crazy, Roundabout is highly-customizable with an extensive API that allows for some pretty amazing results. Roundabout requires jQuery (at least version 1.2, successfully tested through version 1.7.2). It works in all major modern browsers and even some of the older, not-so-modern ones. It’s open source and released under the BSD license, meaning that it’s free to use in your personal or commercial projects. See Roundabout In Action Add-Ons Roundabout is equipped to play nicely with a couple of other plugins if they’re made available. Roundabout Shapes by Fred LeBlanc Roundabout can move in more ways than just a turntable. But That’s Not All! The list above is only a list of the plugins that have support baked in, but Roundabout will play nicely with many other plugins. Learn Support New in V2 The code is also a lot cleaner and better commented, which will hopefully allow you to get in there and tweak if you want to. to this: Usage

Related: