This plugin makes it easy to add fit-to-fill background video to websites. It can play silent ambient background video (or series of videos). Or use it as a player to show video playlist. BigVideo.js can also show big background images, which is nice to have for showing big background images for devices that don’t have autoplay for ambient video.
Like & View – jQuery Facebook Content Locker
Increase advertising revenue and the number of visitors to your site using the content lock based on the Facebook Like Button. Lock the most interesting part of your articles, links, images, videos, etc. The plugin allows you to lock the specified content on the page until the user clicks on the Like button. It intrigues users and significantly increases the number of likes for pages that generates an additional traffic from the social network.
Features:
- Blocking any type of content: text, images, links, forms, etc.
- Smart lock depending on the type of the locked content. For example, the links are locked differently than text paragraphs.
- Unlimited number of locks using on the page with the blocked content.
- Full integration with the already installed Like Buttons.
- About 20 parameters to configure the plugin!
- Any url can be specified to like.
- Easy and completely ready to use plugin.
- Fully customizable appearance.
Flyout Image Slider Using jQuery & CSS3
In this post I’m going to share about how to create an experimental flyout image slider. This image slider is a stack of some images and works by flying out the selected image to the front of images stack. We will use CSS3 transition, animation and transform for this animation and jQuery for helping us maintain click event, CSS transition and animation.
This image slider doesn’t do slide on displaying image, as I described before it will be flying out the selected image to the front of images stack. So all images will be positioned stacked each other. When user click on of the image, it will be move to the outer left of image stack and move back with rotating effect to the stack and positioned on top of it.
Audio-Gallery-Suite (A complete audio gallery solution made with HTML5/CSS3/jQuery-JS/C#)
Audio-Gallery-Suite is a complete audio gallery suite/solution that includes a web audio gallery and a software for managing playlists, uploading audios and managing the web audio gallery. The Audio-Gallery-Suite is built up using the latest technology and harnesses their power to put up a sophisticated solution. The Audio-Gallery-Suite is made in a way to be easily setup and deployed by anyone who wishes to use it. I hope that this project proves useful for anyone who intends to use it.
Audio-Gallery-Suite is a complete audio gallery solution made with HTML5/CSS3/Jquery-JS/PHP-ajax/C# that includes a web audio gallery and a software for managing the web audio gallery.
How to Make an Interactive Network Visualization with JavaScript
In this tutorial, we will focus on creating an interactive network visualization that will allow us to get details about the nodes in the network, rearrange the network into different layouts, and sort, filter, and search through our data.Learn how to make one using D3 and JavaScript. This visualization is a JavaScript based web application written using the powerful D3 visualization library. jQuery is also used for some DOM element manipulation. Both frameworks are included in the js/libs directory of the source code.
In this example, each node is a song. The nodes are sized based on popularity, and colored by artist. Links indicate two songs are similar to one another.
Try out the visualization on different songs to see how the different layouts and filters look with the different graphs.
Create a Stylish Tweet Book with jQuery and CSS
In this tutorial I am going to create a stylish Tweet book to keep your best friends and view their Tweets. As you complete this tutorial you will gain knowledge in working with jQuery and CSS to create a stylish book design. You will also learn to work with the Twitter API using jQuery and AJAX.
jQuery Monte : A carousel plugin for images and/or HTML
A small jQuery carousel script for images or HTML.
Things to know:
- All slides are set to the same width and height as the first slide.
- A minimum of 3 elements to use as slides are required.
- The left slide will be aligned to the left side of the parent, and the right slide will be aligned to the right side of the parent.
- Monte will turn every child element of the parent into a slide. This can be any mix of HTML and/or IMG elements.