Elastic CSS Framework
Is like having a conversation with your code.
"Web design meets simplicity"
Challenge: Grid of boxes
Categories: Challenges
One of the most common problems that web designers has to deal with is when a client ask to have some kind of grid-based on their webdesign. For some of you this might be a piece of cake, but the real challenge cames when you can’t set specific height when you are dealing with a loop that can have big or small amount of text on it.
The Study Case:
Suppose you are working with wordpress, and you need to make some kind of grid out of the information that The Loop is going to throw you away. What would you do to show the information in a grid made out of divs?
The Example image:
The Limitations:
You can only use CSS and Javascript to solve this challenge.
Good Luck
5 Comments »
When you solve this trick you can use it to do a presentation of photos or your portfolio or something like that.
You can give it a lot of uses in Wordpress for example.
Good Luck
nice layout Jawks, congratulations!!
hmm.. interesting )
I did something related to this topic on my blog @ http://cfmlx.blogspot.com/2009/10/how-easy-can-it-be-building-calendar.html,
I built a calendar with Elasticss, and ColdFusion thou. I think you quys should check it out, and the demo link is @ http://demo.adexfe.com/1.cfm
Leave your comment
Comming Soon
- We are working in plenty new post, subscribe in the button below so that you don't miss what is comming next.
Latest Posts
- Maraton Powerade Monterrey 2009
- Elastic CSS Framework v2.0.3
- Happy Birthday Elastic
- New Ruby Gem to install Elastic on Rails
- WorkshopCamp Mexico
- freshout.us
- 15 minutes Implementation of Rails-like ActiveRecord in JavaScript
- Determination of algorithms used for percentage based rounding divs on browsers and CSS Frameworks
- Sites using elastic
- portalzine.tv
Hey that is a nice challenge.