Layout Algorithms: Facebook | Google Plus | Lightbox | Lightbox Android | 500px Google Plus has a really nice image gallery. They somehow managed to display all the photos without cropping, without reordering and without any holes. We are going to see how they did it in this blog post. How does it work? Here […]
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 number of columns at the beginning. Then every […]
I was reading about text layout algorithms when I found a striking parallel with Google Plus image layout algorithm. This blog article explains how to find the best line breaks for the image layout. Line Breaking Algorithm “Breaking Paragraphs into Lines” article written in 1980 by Donald Knuth and Michael Plass explain how to find […]
In Facebook image layout algorithm, we use square viewport to display the images. Since images are not usually square, we have an issue to solve. Contain Cover There are two possible ways to deal with it. You make the image fit entirely in the viewport and add black borders (think about viewing 4/3 movies in […]
Development is not everything 🙂 Here is a compilation of the talks and write-ups I have done. This should give you a good overview of what I have been working on the last few years! 2015 Keynote on React Native, React.js Conf Video (30 minutes) 2013-2014 React: CSS in JS, NationJS Video (35 minutes) Slides […]