Hook.js - Pull to refresh. For the web. Responsive jQuery Masonry · Osvaldas Valutis. …or Pinterest-style layout. jQuery Masonry is a jQuery-based plugin for a dynamic grid layout built by David DeSandro.
What it does is “arranges elements vertically, positioning each element in the next open spot in the grid” and what you get is “minimized vertical gaps between elements of varying height”. Sounds too higgledy-piggledy? Remember the social network you quit a while ago because of the obvious reasons, whereas your wife/girlfriend still uses it on a daily basis and you can't get her off from this? Bull's eye, that's Pinterest.
So this time, as said before, Pinterest-style layout made responsive. Timeline JS - Beautifully crafted timelines that are easy, and intuitive to use. jQuery.Shapeshift Demo. What is Shapeshift?
Inspired heavily by the jQuery Masonry plugin, Shapeshift is a plugin which will dynamically arrange a collection of elements into a column grid system similar to Pinterest. What sets it apart is the ability to drag and drop items within the grid while still maintaining a logical index position for each item. This allows for the grid to be rendered exactly the same every time Shapeshift is used, as long as the child elements are in the correct order.
Function > Form Shapeshift was designed to always render the same grid as long as the elements are in the same order. Features Column Grid System: All items flow from left to right, top to bottom. jQuery Toggles - Simon Tabor. Sequence Theme Demo - Apple Style. Morris.js. Getting started.
Create an interactive street view with jQuery. Net magazine is the number one choice for the professional web designer and developer.
Page Scroller: A Simple Page Scrolling Plugin. NanoScroller.js. NanoScroller.js is a jQuery plugin that offers a simplistic way of implementing Mac OS X Lion-styled scrollbars for your website.
It uses minimal HTML markup being .nano > .nano-content. The other scrollbar div elements .pane > .nano-slider are added during run time to prevent clutter in templating. The latest version utilizes native scrolling and works with the iPad, iPhone, and some Android Tablets. Downloads To start using, you need three basic things: 1. The following type of markup structure is needed to make the plugin work: <div id="about" class="nano"><div class="nano-content"> ... content here ... Copy the HTML markup. Link to the nanoscroller.css file inside your page's <head> section (...or copy the contents from it to your page's main stylesheet file). jQuery Masonry. 50 jQuery Tools for Awesome Websites.
By now, everyone has heard of jQuery.
10 Useful jQuery Plugins for Images. We all know and love jQuery for its flexibility and many uses.