Masonry Reviews and details

Social recommendations and mentions

• Help us invent CSS Grid Level 3, a.k.a. "Masonry" layout – WebKit

  How can there be an “inventing masonry” section without a reference to the masonry js library[1] - I suppose this is where the name comes from? [1]: https://masonry.desandro.com/. - Source: Hacker News / 10 days ago

• Help us invent CSS Grid Level 3, a.k.a. "Masonry" layout – WebKit

  Probably influenced by the most popular JavaScript library for achieving this type of layout, Masonry[0]. The author notes at the end of the article: > But do expect the name of this value to change in the future. And perhaps prepare for a future where we call this “columnar grid” or “Grid Level 3” instead of “Masonry”. [0] https://masonry.desandro.com/. - Source: Hacker News / 10 days ago

• How do I display a list of divs with different sizes like the picture below. I found a component that can do this with images but I want the elements to be divs.

  To learn more about the Masonry library and explore its documentation and examples, you can visit the official website: Masonry. Source: 11 months ago

• Optimised for mobile & tablet but desktop looks off – any ideas / proposals?

  Masonry is just what you need. There are libraries like this that you can utilize for this purpose. Source: 11 months ago

• Was playing the Titanfall campaign last night and thought it might be fun to fold spacetime

  Thank you! I purchased a Masonry (https://masonry.desandro.com/) license and built off of one of the layouts. Site runs on a Lucee server and content is populated from MySQL tables. I am using various open source jquery plug-ins for pop-ups and what not. Source: 12 months ago

• How the heck does this work?

  It’s called a masonry layout. It is a pain in the ass to implement but there are javascript libraries like Masonry. Source: about 1 year ago

• How to properly import a npm package in nuxt 3 ?

  I wonder if there is a general way to import a npm package in nuxt 3. I would like to use this masonry lib : https://masonry.desandro.com in my project. Source: over 1 year ago

• Recommended galleries for an artist portfolio?

  If you are looking to re-invent something, check out https://masonry.desandro.com/, there is a wrapper for pretty much every framework. Source: over 1 year ago

• Hugo Blowfish Theme

  Card view uses Masonry.JS, but the original author is rewriting the master using the more-actively-updated Bulma (I have mixed feelings). css-tricks.com also has a very interesting animated card view that may be of interest. Source: over 1 year ago

• How much would it cost me to get a website exactly like this built from scratch?

  Most of the layout is https://masonry.desandro.com/ for that grid of images. Source: over 1 year ago

• How to dynamically render a masonry layout of images, while preserving aspect ratio?

  I usually use this for Masonry stuff. Quite usefull. https://masonry.desandro.com/. Source: over 1 year ago

• How to achieve dynamic design layout of 'View all' Photos of Airbnb. Photos are of different size and shape.

  I think you're looking for something like this: https://masonry.desandro.com/. Source: almost 2 years ago

• Beautiful Masonry Gallery with Bootstrap and Unsplash Random Photos

  Put everything in a cool shape with Masonry. - Source: dev.to / almost 2 years ago

• Anyone what the best way is to achieve this? I tried grid but struggled with the part that goes down on the left.

  Https://masonry.desandro.com/ does this. Source: almost 2 years ago

• CSS Grid

  Because CSS grid doesn't really support a masonry layout you'd be best using the JavaScript tool called Masonry: https://masonry.desandro.com/. Source: about 2 years ago

• Im new to building websites. Q: is there an easy way to make a photogallery with all sizes of photo's

  Not sure if this might be useful for you... https://masonry.desandro.com/. Source: over 2 years ago

• How to create a grid of people with two images and text

  Create a (archive) template that outputs the data from your CPT. You can use CSS Grid or a library like Masonry. Source: over 2 years ago

• need some help with justified gallery, willing to pay

  Https://masonry.desandro.com/ might solve this problem? Source: over 2 years ago

• I made a <5kb JavaScript library for fluently creating typewriter effects.

  Also, mixing GPL and commercial license only good, when there are some advanced features you're providing in commercial version. IMO, you can release a free basic version for commercial project too like this famous guy has done for their libs: https://masonry.desandro.com/. Source: over 2 years ago

• How to achieve a responsive photo grid?

  If you want to try something more advanced look at this JavaScript plugin https://masonry.desandro.com/ it’s kind of worth it :-). Source: over 2 years ago

• Created a web app with PRAW

  Uses https://masonry.desandro.com/ for ordering posts into grid. Source: over 2 years ago