Window 1 I am plumbed with a Bezier connector to Window 2 and a label, with Blank endpoints.
To create an infinite wall, create a div with an id. Dropdown.dot.js by rogerdudler. Basic Example Switzerland↓ Switzerland Germany United States Sweden France Australia Advanced Example with custom data.
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.
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.
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?
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="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>3 <script src="//cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></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.
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)