Speed Up Development Time By Using Twitter Bootstrap

Twitter is not a stranger to everyone, but do you know twitter has a free bootstrap framework for all of us to take advantage of? Yes, some of you might have already know about this, some other might just like me – found out not long ago. Honestly, I’m amazed but its capability and stability.

In short, Twitter Bootstrap is a simple and flexible HTML, CSS, and Javascript for popular user interface components and interactions. It comes with bundles of CSS styles, Components and Javascript plugins. There are quite a few frameworks that do the same thing, but I reckon Twitter bootstrap is the most comprehensive and covers most UI component that you will needed to build a website or web application. Just briefly, this is what they have at the moment.

True Story

Personally, I have had a chance to use it in one of my projects few days ago, basically I used it to build a quick prototype of an event website, about 4 pages plus a contact form and a lengthily registration form. That was my first time using it, I was able to pick it up really quick and Â finished the websites (with Javascript and PHP) in just 3 hours. During the development, I can see a lot of benefits of using it:

Cross platform support: It eliminates major layout inconsistencies

I don’t have to worry much about CSS, in fact, I just have to play with spacing once a while.

Everything just works! Good documentation I must say, And the Twitter Bootstrap’s website itself is a very good reference for real life example.

It’s semantical, everything makes sense and in best practice as well.

Finally, it saves me heaps of times! Pretty sure it cut the development time to half. Less testing, less browser issues.

Javascript plugins

It also includes a dozen ofbootstrap plugins! It will be great if there’s a datepicker and slider though

Modals

Dropdowns

Scrollspy

Togglable tabs

Tooltips

Popovers

Alert messages

Buttons

Collapse

Carousel

Typehead

Transitions

Conclusion

Twitter doesn’t pay me to write this article :p This is a great stuff, and great stuff should be shared to everybody! As I said before, this bootstrap can really save a lot of times, in fact, I should have used this to build my custom CMS, I would able to concentrate more on server side scripting and cut my development time to half! Alright, I hope you will find it useful as well. Do share it with us what do you think and your experience with it. For more useful article, latest update about web development, stay tuned with favbulous!

SHARE IT

ABOUT AUTHOR

About Kevin

Kevin Liew is a web designer and developer and keen on contributing to the web development industry. He loves frontend development and absolutely amazed by jQuery. Feel free to say hi to me, or follow @quenesswebblog on twitter.