Nifty animation library, complete with an awesome demo page.

Updated (finally) to include features requested by the community!

Site design by Chris Allen. Code and documentation on GitHub.

I appreciate you saying mine looks the closest to perfect ;)

In regards to your first 2 points - I get it, there are other exceptions to these "rules." I don't think what I said is a blatant lie though. There are plenty of solutions out there that are bloated, and don't perform particularly well, and depend on jQuery or mandatory HTML/CSS.

In regards to your third point, what I meant is the following. If the masonry layout uses transforms to position the elements, it then becomes more difficult for the end user to animate the grid elements. Why? Because there's an inline "transform" property that they need to compete with, and that needs to be maintained for the element to continue to appear in the proper position. Believe me, I know that transforms and opacity are the cheapest properties for browser's to animate, because they effect only the composite layers, rather than layout, recalculating style, etc. If the library uses a transform to position a masonry element, then the end user is forced to animate a less-than-desirable property to "reveal" items.

Might I recommend changing the tagline? "A jQuery masonry alternative" made me think it was for sure a jQuery plugin - upon further research though I see that jQuery Masonry is a plugin, and your library is an alternative to it. My apologies.

I'd actually never heard of it, thanks for bringing it to my attention.

I will say I do really like the CSS style syntax of it, and that's something totally original I've never seen with masonry implementations, but I always avoid using jQuery, so it's a bit outside of my use case.

Happy hump day DN!

Following up on the release of my portfolio last week, I'm trying to keep the ball rolling by releasing some of the open source stuff I've been cooking up.

So here's Bricks. Masonry layout made ridiculously fast, regardless of how many items you put in it. Give it a shot on the project page (the post link), designed by the legend Chris Allen himself.

The code is on GitHub here: https://github.com/callmecavs/bricks.js

Interesting point about linking to the project homepages David. If I get get the URL from the GitHub API (which I'd imagine I can) it's likely a change I'll make in the future. Thanks for the kind words!

Basically, a frontend developer who's capable of extending existing design systems if need be, add meaning transitions/animations, etc. A developer with a decent sense of design.

I never thought the day would come Jeff - but I have to admit, you told me so haha.

Struggled a bit with this concept, might have overthought it.

Originally, there were 7-8 different pieces of content revealed. I started thinking that was too many clicks, so I simplified (perhaps oversimplified) to 3 pieces.

I see both of your points about the balance between effort/content not being there. Guess I'll just need to get more interesting, so I can write more about myself. I appreciate the honest feedback.