In this talk I give an overview of the big categories of image layout algorithms with examples for each of them and present criterias to look at when evaluating them.
August 14, 2012 Image Layout Algorithm – Facebook – Reordering (8) In this article, we are going to see how to support dynamic updates to Facebook Image Layout Algorithm. Beware, this is not an easy task and there are many special cases to handle :)
Making images bigger
To make images bigger we just run the algorithm all over again with the new […]
August 13, 2012 Image Layout Algorithm – Facebook (12) Layout Algorithms: Facebook | Google Plus | Lightbox | Lightbox Android | 500px
For the redesign of the Photo Section of Facebook we wanted to highlight some photos by making them bigger. It all started with the following mock by Andy Chung:
Layout
Alternated Blocks
My […]
July 8, 2012 Image Layout Algorithm – Lightbox (10) Layout Algorithms: Facebook | Google Plus | Lightbox | Lightbox Android | 500px
Lightbox.com has a really interesting image layout algorithm. We're going to see how it works and its best use case.
How does it work?
Column based
The algorithm is column based. You pick a […]
July 7, 2012 CSS – Understanding Percentage Background Position (16) In this article, I'm going to guide you through a concrete problem I had to solve. Eventually, we'll see how to use percentage values in the background-position CSS property and how it solves a lot of tough issues.
Usual way
Positioning the image
The usual way to position images […]
September 1, 2012 Image Layout Algorithm – 500px (25) Layout Algorithms: Facebook | Google Plus | Lightbox | Lightbox Android | 500px
500px's front-page uses an interesting image layout algorithm. It stands out from the other ones as it does not use any algorithm nor mathematical properties to be computed. Instead it is based on […]