Let’s get started with Bootstrap

Since design guides to interaction patterns, we wish to define the pattens and consistency in a web application to reuse the highest design elements as possible. Not just that, the Twitter, with the bootstrap goes one step further and develop a framework where contains all website elements, following the twitter style, and Open Source! They called bootstrap.

What the main advantages to have the Bootstraping process at beginning of the project or use the twitter boostrap? It seens so obvious: make a pattern for all design elements growing in a scale that the layout definition step are decrease in effort to in a ideal world they don’t exist anymore, cause the front-end developer would guess with the architect the right user experience, because the library is strong enough to supply all features in the application. Use the twitter bootstrap the way it is to prototyping is something really usefull, cause is simple, clean, agnostic and with all the CSS3 features.

Other great advantage is to follow the same visual consistency across projects.

The bootstrap is organic, and according with new elements it’s growing and everything aims to go out to the limit. The minimum necessary to be bootstrap working:

  • Grid elements
  • Forms
  • Typography
  • Headers
  • Lists
  • Tables
  • Buttons

How to show the importance of bootstraping your project

Sometimes is difficult you get negotiate this step. It just ignored or sometimes even started, but soon is discontinued and then abandoned. In this last case this is just a symptom of another wrong reason, probably there is no pattern and there’s always a difficult when need to define many pages e how a behavior should be in a some interaction, how form validations, for example.

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>