Masonry Reviews and Details

Social recommendations and mentions

• CSS Grid Lanes

  > Personally, I use an 11-year-old machine and have had to add userscript hacks to certain major Web sites to work around bugs in CSS grid (not the "lanes" described here). The version of CSS Grid we're using today didn't ship until 2017; a browser from 11 years ago would be using one of the non-standard versions of Grid. For example, Internet Explorer 11 was the first browser to ship a grid implementation. > At... - Source: Hacker News / 7 months ago

• Frontend resources! 🚀

  Masonry Grid: Create dynamic grid layouts with ease. - Source: dev.to / about 2 years ago

• 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 / over 2 years 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 / over 2 years 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: about 3 years 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: about 3 years 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: about 3 years 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: over 3 years 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 3 years 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 3 years 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: almost 4 years 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: almost 4 years 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: almost 4 years 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: about 4 years ago

• Beautiful Masonry Gallery with Bootstrap and Unsplash Random Photos

  Put everything in a cool shape with Masonry. - Source: dev.to / about 4 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: about 4 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: over 4 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 4 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: almost 5 years ago

• need some help with justified gallery, willing to pay

  Https://masonry.desandro.com/ might solve this problem? Source: almost 5 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: almost 5 years ago