background preloader


Facebook Twitter plugin. Gridster.js. Zepto.js: the aerogel-weight jQuery-compatible JavaScript library. Zgrossbart/jslim. Jumpstart Your jQuery Plugin Development. jQuery Cheatsheet. tQuery API - extensions for three.js. ZinoUI - jQuery UI components library, HTML5 framework. 1.3.16 demo - jQuery.

Window 1 I am plumbed with a Bezier connector to Window 2 and a label, with Blank endpoints.

1.3.16 demo - jQuery

Window 2. Lake.js. A jQuery Plugin. Cytoscape.js. This is how easy it is to get started with Cytoscape.js (this code creates the instance you see on the bottom-right: About Cytoscape.js is an open-source graph theory library written in JavaScript.


MiniJs - jQuery Plugins made easy. MiniBoilerplate. jQuery Infinite Drag. How to Use It Include necessary javascript library files.

jQuery Infinite Drag

To create an infinite wall, create a div with an id. by rogerdudler. Basic Example Switzerland↓ Switzerland Germany United States Sweden France Australia Advanced Example with custom data. by rogerdudler

Sly - jQuery plugin. Introduction Sly is a JavaScript library for advanced one-directional scrolling with item based navigation support.

Sly - jQuery plugin

It can be used as a simple scrollbar replacement, as an advanced item based navigation tool, or as a great navigation and animation interface for parallax websites. Motio - jQuery plugin. Introduction Motio is a small JavaScript library for simple but powerful sprite based animations and panning.

Motio - jQuery plugin

It takes an element, and changes the background position to create an animation effect. Lenticular.js - tilt-controlled images. Real Shadow: jQuery Plugin that casts photorealistic shadows. jWysiwyg. Orbital-dial by gregstewart. NoUiSlider - jQuery Range Slider. jQuery File Tree · A Beautiful Blog. Overview jQuery File Tree is a configurable, AJAX file browser plugin for jQuery.

jQuery File Tree · A Beautiful Blog

You can create a customized, fully-interactive file tree with as little as one line of JavaScript code. Currently, server-side connector scripts are available for PHP, ASP, ASP.NET, JSP, and Lasso. If you’re a developer, you can easily make your own connector to work with your language of choice. Contents Features Produces valid, semantic XHTMLFully customizable via CSSAbility to style icons based on file extensionUses AJAX to fetch file information on the flyEasy to configure and implementIncludes connector scripts for PHP and ASP.NET (C#)Supports custom connector scripts for extended functionalityCustomizable expand/collapse eventCustomizable expand/collapse speedsSupports jQuery easing functionsSingle- and multi-folder viewsConfigurable load message Compatibility. » Collection of jquery plugins and javascript libraries. jQuery Knob demo. Shiny Knob Control with jQuery and CSS3. Martin Angelov In this tutorial we will be writing a jQuery plugin for creating a shiny knob control. Aptly named knobKnob, this plugin will use CSS3 transformations and jQuery’s new event handling methods to give visitors of your website a new way of interactively choosing a value from a range.

KnobKnob is also on Github. Update: Thanks to ranyefet the plugin now works on mobile devices [changes]. The HTML The HTML markup for the page is rather straightforward. Index.html <! First we include the latest version of jQuery, transform.js which levels cross-browser support of the CSS3 transform properties we will be using, the knobKnob plugin file and script.js, which pulls everything together. The #control div is where the plugin markup will be generated. Now lets write this plugin! Shiny Knob Control The jQuery Code You can find the plugin source files in the knobKnob folder. Old School Cassette Player with HTML5 Audio.

Vintage format meets modern web tech: an HTML5 audio player with realistic controls.

Old School Cassette Player with HTML5 Audio

Today we want to share an audio player with you that looks like an old school music cassette. View demo Download source If you don’t know what a cassette is, you were probably born in the digital high-tech era, an era that is undoubtedly exciting and innovative. On the other hand, if you know what an audio cassette is, you belong to the older generation, the analog dinosaurs that know the painful connection between a pen and a cassette tape. The invention of the compact cassette tape happened 50 years ago, so it’s time to celebrate: “In 1962 Philips invented the compact audio cassette medium for audio storage, introducing it in Europe in August 1963 (at the Berlin Radio Show), and in the United States (under the Norelco brand) in November 1964, with the trademark name Compact Cassette.” The songs in the demo are by the highly talented Blue Ducks and Blank & Kytt: jPlayer : HTML5 Audio & Video for jQuery.

jQuery Transit - CSS3 animations for jQuery. What about older browsers?

jQuery Transit - CSS3 animations for jQuery

Transit degrades older browsers by simply not doing the transformations (rotate, scale, etc) while still doing standard CSS (opacity, marginLeft, etc) without any animation. Delays and durations will be ignored. Morris.js. Getting started Add morris.js and its dependencies (jQuery & Raphaël) to your page. 1 <link rel="stylesheet" href=" <script src="//"></script>3 <script src="//"></script>4 <script src=" If you don’t want to use the CDN-hosted assets, then you can extract them from the zip bundle and upload them to your own site.


Your first chart Start by adding a <div> to your page that will contain your chart. Ninja UI. DropKick - a jQuery plugin for beautiful dropdowns. Tweet! Put Twitter on your site with this simple, unobtrusive jQuery widget. jQuery Quicksand plugin. Quicksand Reorder and filter items with a nice shuffling animation. Activity Monitor 348 KB Address Book1904 KB Finder 1337 KB Front Row 401 KB Google Pokémon 12875 KB iCal 5273 KB iChat 5437 KB Interface Builder 2764 KB iTuna 17612 KB Keychain Access 972 KB Network Utility 245 KB Sync 3788 KB TextEdit 1669 KB Demo seems sluggish? Disable CSS3 scaling and try again. Isn’t it cool? jQuery Masonry. Lettering.js - A jQuery plugin for radical web typography.

Hammer.js — A javascript library for multi touch gestures. Lateral On-Scroll Sliding with jQuery. Textualizer. Download: textualizer.js - (12.67 kb) development textualizer.min.js - (4.83 kb) production Usage Animation effects Textualizer currently has the following effects: fadeIn, slideLeft, slideTop, and random. jQuery News Ticker. SlabText – a jQuery plugin for creating big, bold & responsive headlines. I’ve been wanting to attempt a port of Erik Loyer’s slabtype algorithm for quite some time now and seeing Paravel’s fittext jQuery plugin, in combination with a gloriously hassle-free lunch hour gave me the impetus to attempt it. This is the result – resize the browser viewport to see the effect in action. So what does the script do again? jQuery Geo. Isotope. jQuery Scroll Path.

jQuery TOOLS - The missing UI library for the Web. UI for the Web powered by HTML5, jQuery & CSS3. Zoomooz.js. Zoomooz is: 6KB gzipped and 18KB minified. This includes everything but jQuery. Make any web page zoom. Latest version: 1.1.9 (Nov 11, 2013, hacky fix for the back and forward buttons #66)