,

gridify: lightweight JQuery plugin for creating a Pinterest-like grid with image loaded

Gridify is a lightweight script for creating a Pinterest-like grid using JQuery, pure javascript or YUI with the following features:

  • support image loaded event
  • support window resize event
  • support very long height item
  • support dynamic item width
  • support animation (CSS3 transition)

Download: https://github.com/hongkhanh/gridify

Demonstration: https://hongkhanh.github.io/gridify/

Plugin homepage: https://hongkhanh.github.io/gridify/

Implementation:

Options:

Screenshots:

Creating a JavaScript Library

I recently wrote a JavaScript library for creating random colors and color schemes, and while I foun…

jQuery Flash Plugin

This jQuery plugin is for embedding Flash movies. Pages are progressively enhanced when Flash and Ja…

jQuery Optimization: Optimize Selector

We can also optimize our selector other than being a bit specific on our selector. The key to optimi…

jQuery drop down menu: droppy

Quick and dirty nested drop-down menu in the jQuery style. I needed a nav like this for a recent pro…

jQuery slideViewerPro: A “pro” jQuery image slider

slideViewerPro is a fully customizable jQuery image gallery engine which allows to create outstandin…

jQuery Optimization: Avoid Unnecessary Styling

This is another common mistake that many jQuery developer made. jQuery provides us with the ability …