background preloader

Yannis Chatzikonstantinou

Yannis Chatzikonstantinou

6 Amazing jQuery Plugins to design Pinterest like Dynamic Grid Layout Web designers around the Globe were so mesmerized by Pinterest's Dynamic Grid layout that they have been working to develop the same since then. And today we have a couple of great jQuery plugins to easily design the same interface for our Web projects that Pinterest and many other websites have (Recently adopted by Digg too). So here are 6 Great and Simple jQuery Plugins to design the Dynamic Grid Layout for Pinterest like Website. 1. This is the most widely used dynamic grid layout plugin for jQuery. 2. Its an exquisite jQuery plugin for intelligent and dynamic layouts that can't be achieved with CSS alone. 3. BlocksIt.js is a jQuery plugin to create dynamic grid layout. 4. Wookmark is a website to bookmark Images and videos, and has a Pinterest like interface. 5. If you are a Ruby Developer and wish to create the Pinterest style layout in a short period of time, then this layout is for you. 6. Flex is a fluid asymmetrical animated grid plugin for jQuery.

Inside Smartgeometry Inside Smartgeometry: Expanding the Architectural Possibilities of Computational Design Edited by Brady Peters and Terri Peters On behalf of the Smartgeometry group, we would like to invite you to the launch of "Inside Smartgeometry: Expanding the Architectural Possibilities of Computational Design" edited by Brady and Terri Peters and published by John Wiley & Sons. The richly illustrated, hard cover book features 24 original texts from members of the SG community. It provides both a history of the past ten years of SG, and offers ideas for the future of computational design in architecture. To celebrate the book´s release, join us for drinks and a few words by the Smartgeometry Directors. 21 March 2013 6.30 pm The Bartlett School of Architecture UCL, Royal Ear Hospital Ground Floor, Capper Street (corner of Huntley Street) London, WC1E 6AP Smartgeometry (SG) is a key influence on the architectural community who explore creative computational methods for the design of buildings. Robert Aish

Co.De. blog Isotope Image sampler | [Complex Geometry] This is an old excercise I developed some time ago; a short definition that translates any bitmap, given in any compatible format (.png, .jpg, .jpeg, .tif, .tiff, .bmp) into a point cloud and, by using the saturation values of the image, returns a group of circles redrawing the original image, like some kind of “pixels”. This kind of processes is widely used in architecture and design this days, you can find several examples of perforated metal panels used as external skins or as space dividers in several kind of buildings. You can download the definition and example file from the following link. This work by [Complex Geometry] is licensed under a Creative Commons Attribution-Share Alike 3.0 Unported License For more information about the functionality of this definition please continue reading. This Work is for the pubic domain, feel free to use it , share it and modify it, by providing proper citing. Creative Commons Attribution-Share Alike 3.0 Unported License

Co-de-iT GBKS/Wookmark-jQuery BlocksIt.js - Dynamic Grid Layout jQuery Plugin Look Inside BlocksIt.js is a jQuery plugin for creating dynamic grid layout. It manages to convert HTML elements into ‘blocks‘ and position them in well-arranged grid layout like Pinterest, one of the hottest website nowadays =). How? Well, simply specific the number of columns you wish to have and BlocksIt.js will do the rest for you. How It Works BlocksIt.js will re-position the selected elements using CSS absolute position property. Start the new block from left to right, andPlace the new block under shortest block. How to use 1. It should works well with jQuery 1.7.1 (haven’t tested for lower version). 2.) 3.) #Note: If the blocks contains of <img> element, be sure to specific the images’ height before calling .BlocksIt()function, else you have to make sure the images are loaded.You could use $(window).load() to make sure everything have loaded into DOM, or use some plugin like waitForImages to check the images status. Configuration .BlocksIt( [Options] ) Options Few options available: