convore.json/groups/javascript/script-to-arrange-different-sized-boxes/messages.json

[{"user_id": 12179, "stars": [], "topic_id": 13160, "date_created": 1300191922.1339829, "message": "I want to arrange a few divs with different height and width, so that it uses all accessible space. I know I saw such a script a week or two ago, but I can't find that.", "group_id": 160, "id": 355106}, {"user_id": 12179, "stars": [{"date_created": 1300194900.523993, "user_id": 14357}], "topic_id": 13160, "date_created": 1300194575.7858961, "message": "A friend of mine pointed me to masonry: http://desandro.com/demo/masonry/docs/", "group_id": 160, "id": 355548}, {"user_id": 1548, "stars": [], "topic_id": 13160, "date_created": 1300193955.066468, "message": "When you say accessible space, do you mean these divs of differing widths and heights should adjust themselves to \"fill\" the space evenly?", "group_id": 160, "id": 355461}, {"user_id": 12179, "stars": [], "topic_id": 13160, "date_created": 1300194186.3476009, "message": "Say we have 3 divs, equal width and one has a height of 10, and the others of 4, the height-10-one should be placed on the left and the other ones right to it, leaving a height of 2 left on bottom. Now when new boxes are added they should snap into the left gaps.", "group_id": 160, "id": 355497}, {"user_id": 12179, "stars": [], "topic_id": 13160, "date_created": 1300194585.3660569, "message": "This seems to do what I want.", "group_id": 160, "id": 355549}, {"user_id": 1548, "stars": [], "topic_id": 13160, "date_created": 1300200818.1003571, "message": "Oh, I see. Well then yes, Masonry probably does what you want. Never really like that kind of layout myself as when Masonry does leave larger gaps they look even more out of place than with regular floating and clearing.", "group_id": 160, "id": 356850}, {"user_id": 12179, "stars": [], "topic_id": 13160, "date_created": 1300204101.7304239, "message": "It's for a new project called note.s, I made a short video to show my first mockup: http://vimeo.com/21066141", "group_id": 160, "id": 357600}, {"user_id": 1548, "stars": [], "topic_id": 13160, "date_created": 1300285705.8247859, "message": "That's pretty cool. Could find that useful myself ;-)", "group_id": 160, "id": 366288}, {"user_id": 12179, "stars": [], "topic_id": 13160, "date_created": 1300292973.7309899, "message": "Hm...then I have to work on it. Default layout, undo, adding new notes and deleting them works. I just need to re-organize the code and implement the dropbox-backed backend thingy :)", "group_id": 160, "id": 367385}, {"user_id": 1548, "stars": [], "topic_id": 13160, "date_created": 1300375396.7783711, "message": "Perhaps also you could \"borrow\" the magic growing textbox technique from Convore for when you enter the body of the note. ;-)", "group_id": 160, "id": 374918}, {"user_id": 12179, "stars": [], "topic_id": 13160, "date_created": 1300388529.6267059, "message": "Hm, should be easily possible. I will open a new topic as soon as I get an early version released.", "group_id": 160, "id": 376680}, {"user_id": 12179, "stars": [], "topic_id": 13160, "date_created": 1302549500.5302091, "message": "thanks, @friedwishes! That's exactly what I had in mind. :)", "group_id": 160, "id": 628293}, {"user_id": 6148, "stars": [{"date_created": 1302605237.845397, "user_id": 1855}], "topic_id": 13160, "date_created": 1302549068.5602691, "message": "salivate on Isotope: http://isotope.metafizzy.co/index.html", "group_id": 160, "id": 628180}, {"user_id": 16186, "stars": [{"date_created": 1302814831.1947801, "user_id": 13919}], "topic_id": 13160, "date_created": 1302586581.720417, "message": "Isotope is the updated, newer, better, smarter, version of Masonry. http://isotope.metafizzy.co/", "group_id": 160, "id": 638307}, {"user_id": 6148, "stars": [], "topic_id": 13160, "date_created": 1302651316.7355311, "message": "@joeybaker yes it is. i just wanted to make sure Isotope was mentioned as it really rocks.", "group_id": 160, "id": 652826}, {"user_id": 12179, "stars": [], "topic_id": 13160, "date_created": 1302695848.8932569, "message": "so I replaced masonry with isotope and pushed my code to github: https://github.com/badboy/note.s", "group_id": 160, "id": 663500}]