If you’re in the web development world, you’ve probably been hearing about Twitter Bootstrap, a new HTML/CSS framework that takes some of the tedium out of setting up a web application. Instead of worrying about creating basic styles for forms, layouts, tables, etc., you can just jump in and start coding your application.
For me, it’s an absolutely fantastic resource. I’m rubbish at designing the small details for an application. I know how I want things to be laid out, function, etc., but when it comes to making a button that looks nice or making form inputs look just right, I start to struggle. Bootstrap solves this issue for me, and allows me to do what I do best: program.
Bootstrap allows me to worry about PHP, not all the design elements. It provides me with a huge number of predefined styles, for buttons, tables, forms and grid layouts. I’ve been using it on a couple of my latest projects, and would highly recommend you check out the website if you haven’t already. Bootstrap is open source and also has very jQuery based scripts available for creating modal windows and what not.
Here is a list of some of the things Bootstrap does for you:
- 12 column fixed and fluid layouts, making it trivial to create your application layout
- Typography for all standard HTML elements – Headers, paragraph text, quotes, etc
- Lists, blockquotes, code excepts, tables (Lots of different table designs) and more
- Form elements (Nice designs for a wide variety of form layouts)
- Modal windows
- Tabbed layouts (Switch between tabs and create new tabs easily)
Overall it’s a fantastic tool, and allows developers to focus on developing the application, not the UI.