background preloader

jQueryPlugins2

Facebook Twitter

Packery. Cchantep/jquery.signfield. MinBlock.js - Generate Github Like Random Avatar. Change THis Thing was Implemented By Slight Modification in the init() function Getting It Into Your Html Where To Put It <html><head><script type="text/javascript" src="index.js"></script></head><body><canvas id="myCanvas" width="510" height="510"></canvas><script type="text/javascript"> init('myCanvas',300); </script></body></html> Regular This Basic Example of minBlock .

minBlock.js - Generate Github Like Random Avatar

Init(); can be modified eaisly as it is the start function and independant of rest of the function and arguments. To-Do's (Not Yet Implemented) 1.) 2.) 3.) Sitexw/FuckAdBlock. BabylonJS/Babylon.js. Darksmo/jquery-localization-tool. ENFOS/FlowupLabels.js. Darksmo/jquery-weekscheduler-widget. Darksmo/jquery-weekscheduler-widget. Rkusa/pdfjs. Benrlodge.com. Flexible, simple, sticky stuff I created Stick Em Up so I could have an easy way to make elements sticky on the page based on where visitors are scrolling.

benrlodge.com

The plugin will also tell you what direction the user was scrolling when it hit that element, and fires an optional callback during scrolling to do what you please with this information. Quick Start Guide Getting started is easy, no options necessary other than the element you want to target. Let's take the sidebar to the top left as an example.

You invoke the plugin as so: $('.sidebar').stickEmUp(); When the sidebar reaches the top of the viewport, the class stickEmUp (which can be overridden in the options) is added to the sidebar element. Given the unique needs of an elements fixed position specific to a webpage and it's surrounding context, this plugin does not attempt to get into any of that. The code below is an example of how you can provide the full effect. Andrepolischuk/anm. Oofaish/countdownCube · GitHub. Panlatent/jquery-guide. Panlatent/jquery-guide · GitHub. jQuery.Dropmenu. v1.0.2 Copyright © 2013-2014 Martijn W. van der Lee ( Licensed under the MIT.

jQuery.Dropmenu

Tree dropdown menu with native look and feel, user-defined item rendering and unlimited items and depth. Styled according to operating system. Features Render any HTML contentUnlimited items and submenusStyling matches operating system/browser lookOptional scrollbarSubmenus optionally selectableRegenerate items every timeShort and sweet; just over 200 lines of cleanly written code Download.

PHP Quiz Application Using jQuery Ajax MySQL and Bootstrap. In this php quiz application i have combined the two of my previous tutorial and added few features to make this quiz application is useful one.

PHP Quiz Application Using jQuery Ajax MySQL and Bootstrap

This PHP Quiz Application has following features. 1. This online Quiz Application has user login, registration and forget password functionality. 2. Animate Your Things on Scroll. Invoice System Using jQuery AutoComplete. JQuery MenuItems. Slide Panel, Another JQuery Panel Plugin. CharCycle, an Effect JQuery Plugin. jQuery ScrollFlow Plugin - esKju. jQuery Growl. PWS Tabs jQuery Plugin. Cras semper dui non ante mattis blandit.

PWS Tabs jQuery Plugin

Sed turpis nisi, vehicula a augue a, blandit mollis tellus. Wootapa/watable · GitHub. CSS Content Filter. A slide-in filter panel powered by CSS and jQuery.

CSS Content Filter

Browser support ie Chrome Firefox Safari Opera 9+ A well-designed filter is a powerful tool users can take advantage of. It is actually an essential feature if your website has lots of content, distributed across different categories. For an e-commerce, it is a way to increase conversion rates by reducing the time needed by the user to find what he’s looking for.

Building this kind of features is never easy: filters highly depend on the website content; besides a filter panel shouldn’t be distracting, the main focus should be the content/products. It takes advantage of CSS Transitions, CSS Transformations and jQuery muscles to smoothly slide in when needed. Credits: we integrated MixItUp, which is a great jQuery plugin created by the talented Patrick Kunka. Creating the structure The HTML structure is a bit more complex than usual. TheaterJS, a typing effect mimicking human behavior. jQuery Magnify Plugin : Magnifying Glass Zoom. Magnify JS is a simple, lightweight jQuery plugin that adds a magnifying glass style zoom functionality to images.

jQuery Magnify Plugin : Magnifying Glass Zoom

It is a useful feature to have for product images on ecommerce websites, or if you just want people to be able to zoom into an image without spawning additional overlays or popup windows that may cover your content. Magnify JS is based on this tutorial. See a demo » jQuery Animated Border: jquery.animatedborders.js. Jeremyckahn/dragon · GitHub. jQuery Lighter. Lighter is a jQuery plugin designed to provide gallery view for images.

jQuery Lighter

Example Installation To install download one of these packages and include the jquery.lighter.js and jquery.lighter.css files in your head with the following: Setting up a lighter is easy. The following snippet is a good start: Geometryangle. Select3. Rich UI.

Select3

Select boxes made by Select3 have rich functionality, work out of the box and are customizable.Modular. Select3's modular approach is aimed to make it easy to create custom builds with just the features that you care about and to easily swap modules for custom ones.Light-weight. Select3 is smaller than comparable selection libraries, even if you're using the "full" build with all features packed in.Compatibility. JRate Rating Plugin - A JQuery Plugin. Andrepolischuk/circlr. Marexandre/jquery.textroll · GitHub. Cmiscm/cm-rotate.js · GitHub. Detect Shake in Phone using Jquery. In this post I want to explain you how to implement phone shake detection using jquery.

Detect Shake in Phone using Jquery

Using this I had implemented an interesting concept that shake the mobile device and get the product discount. Very easy to use add this to your e-commerce project, sure this user experience feature will attract the people for more sales. Please try these live demos with your mobile device, this works with mobile web browser device accelerometer. Download Script Live Demo 1 Live Demo 2 Note: Try this demo with mobile device.

Products Table. Cardeo/booterator · GitHub. ECharts · Home. Mightyiam/combokeys · GitHub. Snabbt.js. Minimalistic animation library in javascript Fast 60 FPS, even on mobile. Bluezealot/pong.js · GitHub. Jordanranson/triagonal-roticerod · GitHub. Emisfera/Splitchar.js. Arnaudleyder/Radiant-MediaLyzer. OKZoom. OKZoom is a JQuery plugin that produces a portable loupe of variable size and shape. All other jQuery 'zoom' plugins we have encountered implement a square magnifying area. Ours is a circle. You want a circle. Usage Bind OKZoom to one or many image elements. You can also apply OKZoom to every image on a page by binding to $('img').

Alternatively, add a HTML5 data attribute data-okimage to your image tag containing the url to the image you want to see inside the loupe. Finally, the id of the loupe itself is ok-loupe. Smoke Tests Use these basic tests to get started with OKZoom as quickly as possible. Options. Wysiwygjs/wysiwyg.js. Toddmotto/NoFi. Sakabako/scrollMonitor. Fixed Navigation Transition - WebDesignCrowd. Pavelk2/social-feed · GitHub. Eduardomb/jquery-panelslider · GitHub.

Jellekralt/Responsive-Tabs. Dynamic Pricing Table - WebDesignCrowd. Introduction Today I’m going to recreate a Dynamic Pricing Table inspired by the pricing table from Website Chef. The main point of this is to have an editable list of options that will recalculate the features and price of the whole table. As you toggle different addable “Packages” extra features will pop into view in the table as well as updating the overall price. Source: I tweaked the custom checkmark toggle buttons from here. Toggle Checkbox HTML Structure Here is the structure for the checkmark options. Pricing Table HTML Structure This is the html for just the pricing table. CSS Styles This is just the css for the pricing table. Arnaudleyder/magneticmediajs · GitHub. EsKju's fancyIndex jQuery Plugin. The Elder ( ed ) Scrolls What is it? Benefits & Motive Nowadays almost every "fresh" page looks the (s)hame: One page, very content, much scroll.

Justmarkup/texttweet.js · GitHub. EsKju's lazyLoading jQuery Plugin. Some piece of quoted shit What is it? Benefits & Motive EsKju's LazyLoading is a tool for loading content just in time in a Facebook-similar style. Okfocus/okvideo. Philipehsing/jQuery.Simple-Responsive-Equalheight. jQuery Drag and Drop Shopping Cart. jQuery Awesome Sosmed Share Button - iBacor. FakeLoader.js. Typer from LayerVault. Get it. Bgrins/videoconverter.js. Facebook like status update link extractor. Philipehsing/jQuery.Simple-Event-Calendar. Metafizzy/flickity. Demo 4 - Custom Radio-Checkbox Plugin. Welisonmenezes/wm-gridfolio. Shabeer-ali-m/jPut.

Zzarcon/focusable. Validation with Lightbox = Soyo Solution. Scroll up bar. The scroll up bar plugin hides the top bar when scrolling down, and show it when scrolling up. Other examples: bar with offset and viewport callbacks. Justmarkup/jquery-personality-quiz. jQuery Sidebar by jillix. Straydogstudio.github.io/film_roll/

Rogeriotaques/mytour. Indeterminate Checkboxes. Checkbox inputs can only have two states: checked or unchecked. They can have any value, but they either submit that value (checked) or don't (unchecked) with a form submission. jQuery Autocomplete Mutiple Fields Using jQuery, Ajax, PHP and MySQL. In one of the previous tutorial, I had implemented jQuery autocomplete using jQuery, Ajax, PHP and MySQL. TextAssist (jQuery, HTML/CSS, JavaScript) What’s textAssist? TextAssist is the smart auto text assistant script with highly customizable options.

Lazy-loading Google Maps. I would call this year a year of web performance. jFormslider v 1.0.5-A Form In Form Of A Slider. Deinterfaz/PageTransitions · GitHub. Easy-development/jquery-mt-select · GitHub. Labelauty jQuery Plugin. Compatibility. Justified.js. Vide - easy as hell jQuery plugin for video backgrounds. Magnific Popup: Responsive jQuery Lightbox Plugin. FitText - A plugin for inflating web type. Bachors/jQuery-iBacor-Google-Plus-Streaming · GitHub. Tipso - A Lightweight Responsive jQuery Tooltip Plugin. ConnorAtherton/walkway. Splitchar. Nickavignone/responsive_3dfoldscroll · GitHub. Patrick-roberts/faqtoid · GitHub. Story Tale.