background preloader

Jquery

Facebook Twitter

Masonry. The best jQuery validation plugin to validate form fields, support Bootstrap, Foundation, Pure, SemanticUI, UIKit frameworks - FormValidation. bPopup.js – A jQuery modal popup plugin. 16.01.14: Sadly my host has had serious server issues why all old comments are gone!

bPopup.js – A jQuery modal popup plugin

19.08.13: New release, bPopup version 0.9.4 bPopup is a learning and exploring jQuery project. It’s a lightweight cross browser jQuery popup plugin. It’s not creating your popup but doing all the logic as opening, closing, centering on resize & scroll, creating a modal overlay etc. Sticky Plugin. HC-Sticky – jQuery Floating Sticky Plugin. HC-Sticky is a cross-browser jQuery plugin that makes any element on your page float.

HC-Sticky – jQuery Floating Sticky Plugin

It is used for sidebars on long pages, so they can be visible all the time user scrolls down the page, instead of a empty space visitors usually see. It is also used for floating top menus, emphasizing it to the user at all time. It is designed to be flexible, but very easy to use. Fixto, a jQuery plugin for sticky positioning. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

fixto, a jQuery plugin for sticky positioning

In vitae lacus lacus, sit amet vulputate tortor. Bigspotteddog/ScrollToFixed. jQuery plugin for sticky elements. Sticky-kit provides an easy way to attach elements to the page when the user scrolls such that the element is always visible.

jQuery plugin for sticky elements

The source can be found on GitHub. Basic Sticking Just call stick_in_parent on the elements you want to be stuck inside of their parent. Sticky elements “bottom out” so they never leave the container, no more worrying if a sticky element will accidentally cover your footer. $("#sidebar").stick_in_parent(); Many Sticky Items Have a lot of sticky columns, or different sticky portions of the page? $(".sticky_column").stick_in_parent(); The simple jQuery plugin for lovers of one page websites. Have you used SMINT in a project?

The simple jQuery plugin for lovers of one page websites.

Id love to see what you've done. Id like to put together a gallery of the best SMINT website, with links back to the designers/developers, so if you have a great example of a SMINT powered website, send me a message on twitter @rabmyself SMINT V3 is finally here! No, really it is! Finally got, a some downtime to have a look and update a few of the bugs and rework how it functions slightly. One of the main changes is that you no longer have to give you links an Id, you can just use a # as the href, such as href="#section1".

The annoying bug of the menu bar sticking down the page when refreshed has been removed, though I havent been able to thoroughly test this yet, but it seems to work as intended. Added the ability to make internal links scroll the sections too by adding the class 'intLink'. If you have links in your main menubar that you want to link to an external site, just add the class 'extLink'. Its not 100% perfect, but its improving! Headhesive demo - Mark Goodyear. Headhesive.js creates an on-demand sticky header.

Headhesive demo - Mark Goodyear

Specify where you want your header to become fixed and the rest is magic. Scroll to see it in action Soft southern pansy ne'ermind breadcake eeh gi' o'er be reet. LiranCohen/stickUp. Peachananr/autofix_anything. StickyNavbar.js. Peachananr/purejs-onepage-scroll. Stroll.js - CSS3 Scroll Effects. ScrollMagic ♥ Demo. Reveal Animations When Scrolling — WOW.js.

The best jQuery plugin to validate form fields, support Bootstrap, Foundation, Pure, SemanticUI, UIKit frameworks - FormValidation. Unheap - A tidy repository of jQuery plugins. Unslider — the super-tiny jQuery slider. jQuery AniView. Stackbox.js. jQueryTween - Lightest Tweening Engine for jQuery. Developer Friendly.

jQueryTween - Lightest Tweening Engine for jQuery

AniCollection - The easiest way to find, use and share CSS3 animations. Adipoli jQuery Image Hover Plugin - Cube3x. How To Use Enabling image hover effect is very simple.

Adipoli jQuery Image Hover Plugin - Cube3x

Place the below references inside your head tag. If you need image hover on an image with id ‘image1′, call adipoli plugin like this: <script> $('#image1').adipoli(); </script> Adding Options: Available Options. Responsive Portfolio Gallery with jQuery Tutorial. Thumbnail Proximity Effect with jQuery and CSS3. Gridify. A lightweight script for creating a Pinterest-like grid using JQuery, pure javascript or YUI with image loaded Features support images loaded eventsupport window resize eventsupport very long height itemsupport dynamic item widthsupport animation (CSS3 transition) Pure javascript Demo.

Gridify

Beautiful Photo Stack Gallery with jQuery and CSS3. The Night Top Cat!

Beautiful Photo Stack Gallery with jQuery and CSS3

The most effectual Top Cat! Who's intellectual close friends get to call him T.C., providing it's with dignity.Top Cat! The indisputable leader! Lovely Dreams Abundantly fowl of you'll fly moved i evening there whales creeping very kind green. Insane Art Also female divide fruitful wherein upon, fruitful great fourth likeness given subdue cattle deep abundantly set place night stars fill. Prime Time And did the Countenance DivineShine forth upon our clouded hills? House, Baby! You can have all the faith you want in spirits, and the afterlife, and heaven and hell, but when it comes to this world, don't be an idiot. Deck.js » Modern HTML Presentations. Onebook3d.riadesign.ru. Ali Cigari - jack of all trades - CountdownCube. Bespoke.js. ItemSlide.js - JavaScript touch carousel. OriDomi - origami for the web. Kwicks for jQuery.

Welcome to the Kwicks for jQuery home page. DC Morph Btns. Little Boxes Menu with jQuery. Carousel team. Vague.js. Motion Blur Experiment. SweetAlert. So... What does it do? Here’s a comparison of a standard error message. The first one uses the built-in alert-function, while the second is using sweetAlert. Normal alert Code: alert("Oops... Sweet Alert sweetAlert("Oops Pretty cool huh? More examples In these examples, we're using the shorthand function swal to call sweetAlert. Download & install. Thumbnail Grid with Expanding Preview. Adaptive Thumbnail Pile Effect with Automatic Grouping.

Mosaic - Sliding Boxes and Captions jQuery Plugin. Features So, what exactly does Mosaic do? Automatically generates sliding boxes & captions Allows slide & fade animations with custom directions Preloads images within boxes Options There are a number of available options, shown below with their default values. For options able to be turned on/off - 1 is on, 0 is off. Animation : 'fade', speed : 150, opacity : 1, preload : 1, anchor_x : 'bottom', anchor_y : 'left', hover_x : '0px', hover_y : '0px' animation Controls which effect the sliding box uses. Speed. Baraja: A Plugin for Spreading Items in a Card-Like Fashion. Building Images. Shine.js.