Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Image Layout Algorithms

Avatar for vjeux vjeux
December 07, 2012
Programming
5
760

Image Layout Algorithms

Avatar for vjeux

vjeux

December 07, 2012
Tweet

More Decks by vjeux

See All by vjeux
React Rally: Animated -- React Performance Toolbox
Avatar for vjeux vjeux
83
90k
React: CSS in JS - React France Meetup
Avatar for vjeux vjeux
33
11k
React: CSS in JS
Avatar for vjeux vjeux
656
1.5M
OSCON - React Architecture
Avatar for vjeux vjeux
111
45k
Why does React scale? - JSConf 2014
Avatar for vjeux vjeux
52
2M
Image Layout Algorithms - HTML5 Dev Conf
Avatar for vjeux vjeux
13
860k
React Presentation
Avatar for vjeux vjeux
7
12k
Generic Image Processing With Climb – 5th ELS
Avatar for vjeux vjeux
1
5.6k
Climb - A Generic and Dynamic Approach to Image Processing
Avatar for vjeux vjeux
1
3.2k

Other Decks in Programming

See All in Programming
The Implementations of Advanced LR Parser Algorithm
Avatar for Junichi Kobayashi junk0612
1
1.2k
2ヶ月で生産性2倍、お買い物アプリ「カウシェ」4チーム同時改善の取り組み
Avatar for ike ike002jp
1
110
RuboCop: Modularity and AST Insights
Avatar for Koichi ITO koic
2
2.3k
Bedrock × Confluenceで簡単(?)社内RAG
Avatar for iharuoru iharuoru
1
110
設計の本質：コード、システム、そして組織へ / The Essence of Design: To Code, Systems, and Organizations
Avatar for nrs nrslib
10
3.6k
メモリウォールを超えて：キャッシュメモリ技術の進歩
Avatar for kawayu kawayu
0
1.9k
State of Namespace
Avatar for Satoshi Tagomori tagomoris
5
2.3k
Ruby on Railroad: The Power of Visualizing CFG
Avatar for ydah ydah
0
280
Contribute to Comunities | React Tokyo Meetup #4 LT
Avatar for SASAGAWA, Kiyoshi sasagar
0
590
Creating Awesome Change in SmartNews! En
Avatar for Ikuo Suyama martin_lover
0
100
Fiber Scheduler vs. General-Purpose Parallel Client
Avatar for hachi (Hayao Kimura) hayaokimura
1
270
読書シェア会 vol.4 『ダイナミックリチーミング 第2版』
Avatar for Kotaro Kamashima kotaro666
0
110

Featured

See All Featured
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
407
66k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
367
19k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
75
5.8k
Adopting Sorbet at Scale
Avatar for Ufuk Kayserilioglu ufuk
76
9.3k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
71
10k
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
14
1.4k
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
56
9.3k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
507
140k
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
47
5.3k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
129
19k
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
69
4.6k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
105
19k

Transcript

  1. Image Layout Algorithms Christopher “vjeux” Chedeau

  2. None
  3. None
  4. None

  5. 500px Demo • http://500px.com/flow

  6. None
  7. None
  8. None
  9. None
  10. None
  11. None
  12. None
  13. None

  14. Lightbox Demo • http://blog.vjeux.com/wp- content/uploads/2012/05/lightbox- layout.html

  15. None
  16. None
  17. None

  18. Google Plus Demo • https://plus.google.com/photos/1092986605 52407000371/albums/posts

  19. None

  20. Facebook Demo • https://www.facebook.com/media/set/?set=a .10150341281956188.345861.508536187&ty pe=3

  21. None

  22. Lightbox Android Demo • http://blog.vjeux.com/wp- content/uploads/2012/09/lightbox- android.jpg

  23. Framework • Grid, Column, Row? – Fair, Portrait, Landscape •

    Crop? – Predefined sizes, Adjustments • Resize / Whitespace? – Contain, Cover • Sizes? – Few Predefined sizes, Arbitrary based order • Order? – Strictly respected, loosely respected • Make images bigger? – All & Any, Only some, None • Are modifications (insert, remove, move) highly impacting? – Real time, Not real time