How to implement MVC using pure Javascript?

Is it possible to implement the design used by Erly.com's collection, Pinterest or 1000memories using only CSS or very minimal JavaScript?

In this case the design needs to be responsive so that it can be used on iPhone as well as iMac. This means that the height and the width of the elements will change dynamically as you resize the browser window. I am looking for something that is pure CSS or very efficient, performance wise not too heavy and minimal Javascript solution. http://erly.com/ http://pinterest.com/ http://1000memories.com/joseph-earl-herman-jr/memories
Answer:

If you're strictly targeting newer iOS and modern browsers you can use CSS media queries to apply styles based on viewport size. http://css-tricks.com/css-media-queries/ Check out Skeleton too, a simple CSS framework for doing close to what you're looking for (it uses media queries too) http://www.getskeleton.com/

Was this solution helpful to you?

Other answers

Found this interesting so I looked around and found an article by a guy who suggests using a combination of CSS columns and display:inline-block: http://sickdesigner.com/index.php/2011/html-css/masonry-css-getting-awesome-with-css3/ It's super-simple, and only a few lines of css, BUT.... Your column width needs to be uniform like http://pinterest.com/. It does not work the same as the full-on masonry js plugins. There are browser-compatibility issues with display: inline-block. and the newer css columns. Here's a quick example I threw together based on his code: http://jsfiddle.net/dainbrain/u22ts/ Might be interesting to play around with it!

Dain Kennison

We had similar requests and released a jQuery plug-in for this type of layout. The code is very minimal and performance optimized, as requested. Take a look: http://www.wookmark.com/jquery-plugin

Christoph Ono

You can try: http://masonry.desandro.com/ http://isotope.metafizzy.co/ Or have a read in here:

Chang Huang

Related Q & A:

How to Set Specific Site Collection as SharePoint Search Scope using C#?Best solution by SharePoint
How to get the file using it's URL in Javascript?Best solution by befused.com
How to do a minimal install using Bower?Best solution by stackoverflow.com
Has anyone used www.ecseller.com?
What is Yahoo.com's email server address?Best solution by Yahoo! Answers

Just Added Q & A:

How many active mobile subscribers are there in China?Best solution by Quora
How to find the right vacation?Best solution by bookit.com
How To Make Your Own Primer?Best solution by thekrazycouponlady.com
How do you get the domain & range?Best solution by ChaCha
How do you open pop up blockers?Best solution by Yahoo! Answers

For every problem there is a solution! Proved by Solucija.

Got an issue and looking for advice?
Ask Solucija to search every corner of the Web for help.
Get workable solutions and helpful tips in a moment.

Just ask Solucija about an issue you face and immediately get a list of ready solutions, answers and tips from other Internet users. We always provide the most suitable and complete answer to your question at the top, along with a few good alternatives below.