---
title: "Salvattore: A jQuery Masonry Alternative"
description: A popular method to design websites these days is with Masonry, a Javascript grid layout library tha...
---

[Web Development News, Tips, Insights | Website Magazine](https://www.websitemagazine.com/web-development)

# [Salvattore: A jQuery Masonry Alternative](https://www.websitemagazine.com/web-development/salvattore-a-jquery-masonry-alternative)

 Written by [Peter Devereaux](https://www.websitemagazine.com/web-development/author/peter-devereaux) | Sep 5, 2013 5:00:00 AM

**A popular method to design websites these days is with Masonry, a Javascript grid layout library that works by placing elements in the optimal position based on available vertical space. **

[Masonry](https://www.websitemagazine.com/blog/jquery-masonry-is-behind-the-interest-in-pinterest) gained some recognition with the rise of Pinterest and it has only increased in use since, serving currently as the grid/structure for thousands if not hundreds of thousands of websites today.

Over time several alternatives to Masonry have emerged, most recently [Salvattore](https://salvattore.com/), which enables designers to organize HTML elements according to the number of columns specified in the CSS. The setup is simple and straightforward; just add a 'data-columns" attribute to the container and set the number of columns that are desired and you're off and running. 

Salvattore is a standalone JS file so it will automatically run once it is called in the HTML document. Designers can also leverage Salvattore to work with dynamic content, providing two functions (append\_elements and prepend\_elements) that can be used on the same container without conflict. Users can then combine the API with their XHR functions (XMLHttpRequest) to have a dynamic layout with live content. 

[View full post](https://www.websitemagazine.com/web-development/salvattore-a-jquery-masonry-alternative)

```json
{
  "@context" : "http://schema.org",
  "@type" : "BlogPosting",
  "author" : {
    "@type" : "Person",
    "name" : "Peter Devereaux"
  },
  "dateModified" : "2023-05-01T22:27:28.349Z",
  "datePublished" : "2013-09-05T05:00:00Z",
  "headline" : "Salvattore: A jQuery Masonry Alternative",
  "image" : {
    "@type" : "ImageObject",
    "height" : 400,
    "url" : "https://22253773.fs1.hubspotusercontent-na1.net/hubfs/22253773/Imported_Blog_Media/gradient-regular-logo-mark-Jan-23-2023-02-14-59-8738-PM-Apr-10-2023-01-59-58-5849-PM-Apr-25-2023-03-49-02-7289-AM-May-01-2023-10-25-15-5047-PM.png",
    "width" : 400
  },
  "mainEntityOfPage" : "https://www.websitemagazine.com/web-development/salvattore-a-jquery-masonry-alternative",
  "publisher" : {
    "@type" : "Organization",
    "logo" : {
      "@type" : "ImageObject",
      "height" : 60.0,
      "url" : "https://22253773.fs1.hubspotusercontent-na1.net/hubfs/22253773/gradient-regular@3x-1.png",
      "width" : 242.48277
    },
    "name" : "Web Development News, Tips, And Insights"
  }
}
```