Salvattore: A jQuery Masonry Alternative

Peter Devereaux
by Peter Devereaux 05 Sep, 2013
Salvattore: A jQuery Masonry Alternative

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 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, 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. 

Peter Devereaux
Peter Devereaux
As the Editor-in-Chief of Website Magazine and President of Website Services, Peter has established himself as a prominent figure in the digital marketing industry. With a wealth of experience and knowledge, Peter has been a driving force in shaping the landscape of digital marketing. His leadership in creating innovative and targeted marketing campaigns has helped numerous businesses achieve their revenue growth goals. Under his direction, Website Magazine has become a trusted source of information and insights for digital marketers worldwide. As President of Website Services, Peter oversees a team of talented professionals who specialize in SEO/SEM, email marketing, social media, and digital advertising. Through his hands-on approach, he ensures that his team delivers exceptional results to their clients. With a passion for digital marketing, Peter is committed to staying up-to-date with the latest industry trends and technologies, making him a sought-after thought leader in the field.