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.

Layout Algorithms: Facebook | Google Plus | Lightbox | Lightbox Android | 500px I contacted the CEO of Lightbox to share some thoughts about its layout algorithm and he told me this wasn’t the only one they made. Here is the description of another interesting algorithm πŸ™‚ How does it work? The golden nugget in […]

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 patterns. How does it work? Basic shapes The idea […]

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 image being big. […]

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 first shot at the problem was to make a […]