While I don't do much design stuff nowadays, I do enjoy it when I get the chance. After discussing a masonry style grid with dynamic categories with my other half this weekend, I tried to find the implementation online. Failing that, I thought this was a great chance to do a bit of design.
What I wanted was a grid of divs which I could filter depending upon their class. This could be used for a portfolio for example, allowing the user to filter whether they wanted to see websites, code snippets or graphic designs.
I put the design together, and had it working fine with jQuery, but it didn't move nicely. I remember hearing about jQuery Masonry and decided to give it a go. To be honest with you it is pretty rubbish, it feels old. I was on StackOverflow looking for answers to the most ridiculous problems when I read about isotope.
I gave it a go and it's actually pretty neat!
Apart from a small issue where images weren't being loaded before size calculations were made -- which was quickly fixed by using David DeSandro's imagesLoaded plugin -- everything worked fine. I highly recommend using isotope, and may have to come up with an excuse to use it again!
Find the project on GitHub: https://github.com/Imdsm/jQuery.Categories
See a working demo: http://imdsm.github.io/jQuery.Categories/
Top comments (0)