8 Amazing jQuery Lightbox Plugins You Need to Check Out jQuery can be defined as a cross browser java script library. It is a multi-browser java script library and is basically designed for the purpose of simplifying the scripting of HTML on the client side. This is also the most popular java script library which is used by the people these days. jQuery has a lot of advantages such as it is absolutely free of any cost and it is also open source software. The syntax of this software is designed in a way that it makes it easier to navigate a document in addition it also helps to select DOM elements, create animations , handle events and also helps to develop ajax applications. Using jQuery the developers can also create plug-ins and also create low level interactions. 1) Pirobox 2) Shadowbox Js Shadowbox is a web-based media viewer application that supports all of the web’s most popular media publishing formats. 3) Colorbox A lightweight customizable lightbox plugin for jQuery. 4) Ceebox a Thick box Videobox Mashup 5) Pretty Photo jQuery Lightbox
danialfarid/ng-file-upload Junior - A front-end framework for building HTML5 mobile apps with a native look and feel. A front-end framework for building HTML5 mobile apps with a native look and feel. CSS3 Transitions optimized for mobile performance. Swipable carousels using flickable.js. Integration with backbone.js views and routers. Installation Javascript Dependencies Each of these dependencies is included in the lib/javascripts directory. junior.js junior.js is included in the src/javascripts directory. ratchet This dependency is included in the lib/stylesheets directory. junior.css junior.css is included in the src/stylesheets directory. junior.js expects you to have a #app-container and #app-main in your body like this. Examples Annoted example.js The best and most detailed example for how to get started is the Annotated Example for example.js. Jr.Router Jr.Router is simply an extension of Backbone.Router. Jr.View Jr.View is optional for you to use. Jr.Navigator Jr.Navigator is how you trigger a navigation using an animation. Currently the only animations that we have is SLIDE_STACK. Apps that use Junior
ySocial | Class.PM ClassySocial is a jQuery plugin that lets your site visitors easily see what networks you belong to and visit them in a click of a button. Currently supports Facebook, Twitter, GitHub, Dribbble, Socl, Youtube, Vimeo, Google Plus, Pinterest, LinkedIn, Instagram and e-mail. Allow your users to see your presence on 11 of the most popular networks instantly with no need for a knowledge of coding! Have links to your Facebook, Twitter, GitHub, Vimeo, Dribbble, Instagram, YouTube (and more!) profiles shown in a slick way, sure to impress your users. Includes functionality to use your current Facebook image as the button that users press to draw out the network buttons, with automatic updating, pulled straight from Facebook! Instructions First you need to include the jQuery library, since ClassySocial is a plugin. Secondly, you need to include the jQuery ClassySocial javascript and the CSS file, which you can do it by adding the code below to your page. Options Demo Versions
Backbone.js, now realtime with Pusher - Realtime Blog This tutorial was written by Micheil Smith Recently there have been a number of frameworks developed that allow you to add extra structure to your code when building rich javascript-heavy applications. These frameworks often achieve this structure by adding in layers of Models, Controllers, Views, and Events, most of the time performing synchronisation between the client and server using AJAX. Update: The code associated with this post has been updated to use Backbone.js 0.5.3 and Underscore.js 1.2.1 Backbone.js Backbone.js is a framework from DocumentCloud, which is known for it’s excellent documentation. Normally when using Backbone.js, you would have to implement your own timer and polling mechanism to check for changes on the server. // Poll every 10 seconds to keep the channel model up-to-date. setInterval(function() { channel.fetch(); }, 10000); A better approach would be to have the server instantly notify any clients that a change has occurred. ruby – items_controller.rb Get Pushing
jeromeetienne/webaudiox davist11/jQuery-One-Page-Nav scrollUp jQuery plugin - Mark Goodyear ScrollUp is a lightweight jQuery plugin to create a customisable “Scroll to top” feature that will work with any website, with ease. Recently whilst working on a client project I was required to implement a “Scroll to top” feature to make it easy for the user to get back to the top of the page. I decided to take this further and turn it into a fully customisable jQuery plugin to work with any site. How to use Simply include the jquery.scrollUp.min.js file and place the following in the head of your document (make sure jQuery is included): Minimum setup Example with default options activeOverlay To create a visible line to help determin an ideal scroll distance from the top, assign a valid CSS colour to the activeOverlay setting. Fully Customisable ScrollUp is fully customisable through CSS which makes it simple to fit right into your project. Check out the demo for more style and feature examples.