Free Development Tools Scripts for David DeSandro

The library enhances the JS docReady helper, adding extensive cross-browser support.This allows a better detection of the DOMContentLoaded event emitter, informing developers every time the DOM has finished loading and is ready to use.This helps them...

Draggabilly turns any DOM element into a fully draggable piece of HTML.It supports both desktop and mobile environments, working with both mouse and touch gestures. Multi-touch events are supported as well.Draggabilly is useful in cases where a developer...

As the library's author states in the product description's: "[Masonry] minimizes vertical gaps between elements of varying height, just like a mason fitting stones in a wall." This is not only the inspiration behind the library's name, but also the best...

getSize can be used to detect the height and width of a DOM element. Unlike other similar DOM size sniffers, getSize can also distinguish between inner dimensions, border boxes, paddings, and margins, reporting on each value individually. The library...

As mentioned above, Isotope can be used for data filtering, sorting and dynamic layout shaping. These features can be used one at a time, or combined together to provide really dynamic, modern Web interfaces. Besides these three, Isotope also supports...

Packery uses a bin-packing algorithm to display elements on a grid. These elements can be resized and reshuffled around using drag and drop gestures. Packery is also responsive design friendly, rearranging elements every time the page is resized or...

Flickity is an attempt at creating an all-encompassing image gallery that works the same way on desktop and mobile devices. It comes with a very complete API, covering various well-known slideshow features, all easy to activate and adjust so you're...