Rapid WebApp Prototyping: Foundation vs Blueprint vs Bootstrap


The best way to learn a new programming language is to have a moderately challenging project. Not too large and not too trivial. So, few days ago I decided to develop a fantastic web app using Ruby on Rails (RoR).

For a newbie, IMO, learning RoR is not so easy especially if you’re not familiar with basic Web tools like HTML, CSS and Javascript. I must say those tools are required to understand RoR (well, except Javascript).

I know I have to do a prototype of my web app somehow. I have to build a skeletal framework, build a wireframe, design the front-end and then develop the backend. I do not plan to spent another few weeks learning advanced CSS, HTML5 and Javascript. So, I fired up my Chrome, did a search for site prototype

and …phoof… found Foundation 4 and Blueprint CSS

For the next three hours, I was hooked on learning about CSS Frameworks and rapid site prototyping. I found what I was looking for, something nice, sleek and sexy.

A framework that works seamlessly with Ruby on Rails, robust, powerful and very attractive. Foundation 4 rapid prototyping framework. It’s the heart of most responsive site. Jonathan Smiley wrote a popular article on Foundation 4 which says it all.

I checked out blueprint as well. But IMO, blueprint does not stand a ground beside Foundation 4. The tool looks dated and I’m not sure I even want to spend time on it for whatever reason. Foundation 4 all the way!


What a fantastic morning it’s been.

As an update: I’ve also found Twitter Boostrap an amazing CSS frameworks. This is getting very interesting.

By @RichardAfolabi

I'm a thinker, teacher, writer, Python enthusiast, Wireless Engineer, Web geek and a solid Chelsea FC Fan. I'm interested in data science, analytics, visualization and data intelligence. Feel free to get in touch.