background preloader

jPlayer : HTML5 Audio & Video for jQuery

jPlayer : HTML5 Audio & Video for jQuery
The jQuery HTML5 Audio / Video Library jPlayer is the completely free and open source (MIT) media library written in JavaScript. A jQuery plugin, (and now a Zepto plugin,) jPlayer allows you to rapidly weave cross platform audio and video into your web pages. jPlayer's comprehensive API allows you to create innovative media solutions while support and encouragement is provided by jPlayer's active and growing community. current release 2.6.0 now includes Zepto.js support previous releases

Related:  jQuery

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:

liteAccordion - a horizontal accordion plugin for jQuery Slide One1 Slide Two2 Slide Three3 Slide Four4 Slide Five5 <p>Please enable JavaScript to get the full experience.</p> Owl Carousel 1. Load jQuery and include Owl Carousel plugin files To use Owl Carousel, you’ll need to make sure both the Owl and jQuery 1.7 or higher scripts are included. 2. Set up your HTML You don't need any special markup. 27 jQuery & CSS3 Loading Animation and Progress Bar Plugins/Tutorials - Designbeep Loaders and progress bars are very popular in recents years.Today many web applications and websites use loader animations and progress bars to boost the performance and make them more attractive and stylish.Loading animations and progress bars are really important for users because they signal the user that something is still going on. In today’s post we have gathered jQuery and pure CSS3 loading animations and progress bars.But make sure that CSS3 animations are not yet supported in old browsers so try modern borwsers to see live action of these plugins. You may also take a look at our past jQuery tutorials and plugins; Percentage Loader A tiny jQuery plugin for displaying progress in a visual and engaging waySource | Demo jQuery Circular Progress Bar

alertify.js - browser dialogs never looked so good Unfortunately, I will no longer be maintaining alertify.js. I have many ongoing projects that aren't leaving me with enough time to do what needs to be done. If anyone wants to create a fork and maintain - by all means go for it! It's been great seeing people use it and enjoy it and this decision is simply because I don't believe it's fair that developers are looking for help and not getting it. I wish I had more time or contributions to keep it going and make it better, but the sad reality is that not usually the case on these kinds of projects.

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. 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) Zoomooz is a jQuery plugin for making web page elements zoom.

Welcome to What is jarallax?Web based parallax scrolling and much more! Jarallax is an open-source javascript library which makes adjusting css based on interaction easy.With Jarallax it's easy to create a parallax scrolling website. What to do next Follow Jarallax Support Jarallax jQuery Syntax Highlighter Snippet is a jQuery syntax highlighting plugin built on top of the SHJS script found on SourceForge. Snippet provides a quick and easy way of highlighting source code passages in HTML documents. Features Natively supports 15 popular languages: C C++ C# CSS Flex HTML Java JavaScript JavaScript with DOM Perl PHP Python Ruby SQL XML Can be extended to support: Bison ChangeLog Desktop Files Diff GLSL Haxe Java prop files LaTex LDAP files Log files LSM files M4 Makefile Objective Caml Oracle SQL Pascal Prolog RPM spec files S-Lang Scala Shell Standard ML Tcl Xorg config files Integration with ZeroClipboard for copy functionality Plain text, pop-up, and expand/collapse options Group or individual line selection 39 unique color schemes <h1>Snippet style selector</h1><div class="instructions"> <p>Choose your style below.</p> <p>Preview your style here.

jQuery CollagePlus - an image gallery plugin by Ed Lea This plugin for jQuery will arrange your images to fit exactly within a container. You can define the padding between images, give the images css borders and define a target row height. Example: Play with a live example on jsfiddle: or take a look at the demo Basic Usage // example HTML image gallery <div class="Collage"><img src="example1.jpg" /><img src="example2.jpg" /><img src="example3.jpg" /></div> // collagePlus-ify it! jQuery File Tree · A Beautiful Blog Overview jQuery File Tree is a configurable, AJAX file browser plugin for jQuery. 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.

zLayer jQuery Plugin - Orientate Elements zLayers is a jQuery parallax plugin that allows you to orientate an element based on the position of your mouse to the page’s window, or element’s parent. zLayer is perfect for interactive illustrations and rich user experience through creative methods through a parallax effect. Best part about zLayer is how easy, lightweight, and quick the plugin is! zLayer Example – Art By: Brandon Zomora Adipoli jQuery Image Hover Effects How To Use Enabling image hover effect is very simple. Place the below references inside your head tag.

JQuery Cycle Plugin Check out Cycle2, the latest in the Cycle line of slideshows. The jQuery Cycle Plugin is a slideshow plugin that supports many different types of transition effects. It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and much more. It also supports, but does not require, the Easing Plugin.

Related:  Web AppsTools