Keep track of all the latest news and events on developer tools and technologies you care about
By Ian Haynes.
Sometimes simply floating everything ‘left’ (particularly images) in a responsive page layout isn’t the ideal option. You end up having empty spaces with some screen sizes and awkward looking layouts with others. The Masonry plug-in solves this by laying objects out horizontally and achieving the best fit for the available space, ‘just like a mason fitting stones in a wall’.
The plug-in is available at https://github.com/desandro/masonry/
Documentation and demos at http://masonry.desandro.com/index.html
Ian is a front end/back end developer currently focusing on HTML5/CSS3 and mobile responsive design. A regular poster on the Expression Forums and Gallery.