*Note: Brian Rinaldi from Adobe loved this post so much that he has republished it on his Adobe affiliate website Flippinawesome. Thanks for the support Brian!
At the end of the day, it’s up to the developer to decide which tool is right for the project at hand but lucky for you, we’ve whipped up this simple flowchart to help you decide which front-end framework to use for your next web project.
There are some extra notes below.
Let’s discuss some situations where using Bootstrap might be inappropriate:
1. Developing for mobile devices in New Zealand
…or anywhere else with slow, expensive mobile broadband. Make sure you trim Bootstrap down as much as possible. All of Bootstrap’s cool responsive features come at a cost; to loading time and to the device’s processing power.
2. You are keen to stick to web best practices
If you’re an HTML purist and you don’t want to muddy the DOM with a myriad of magical classes, Bootstrap may not be for you. It’s important to be concerned about this, as it could potentially make your project inflexible, harder to maintain and put limitations on scalability.
3. The design is radical, innovative and downright whacky
You’ve just been given a rather unconventional design that looks incredible but isn’t going to translate well into a Bootstrap template. It may be a matter of using just the bare basics of Bootstrap in this case. If you want to be developing with Bootstrap, it may be worth sitting down with your graphic designers and trying to persuade them to design with Bootstrap in mind.
Otherwise, Bootstrap is excellent
Try to think of it as a blank-slate and a spring-board that will give you a big head-start in your next exciting web project. You can use as much or as little of it as you want.
- Keep in mind that Bootstrap is fully customisable, so if it’s too big and clunky straight out of the box, just chisel away the bits you don’t need until you come up with something that works.
- If you feel like Bootstrap is just too much overhead or it all just seems overwhelming, just grab the bits out of it which are handy for the current project. For many of the designs I’ve been given to bring to life, I’ve combined HTML5 boilerplate, Bootstrap classes and bits of my own code.
- Keep an eye on the smaller front-end frameworks available, G5 is all about kicking it old-school, sticking to the standards, cross-browser compatibility, a bit of responsiveness and lighter on the UI. Ink focusses on UI, typography and making everything look slick and polished. Terrific goes for a more modular approach to front-end development, which may suit the programmer-types a bit better.
- The biggest contender I have found for Bootstrap so far is Foundation by Zurb. It has a lot of the same features, but is a little more stripped back, encourages more semantic mark-up and has SASS support. The only major drawback is the lack of support for IE7-8. If you’re not concerned by this, Foundation may be a better place to start, but that’s another story for another day.
So, what are your thoughts?
We hope you’ve enjoyed this blog series on Twitter Bootstrap. We’d love to hear your thoughts on your experience with Twitter Bootstrap – please feel free to leave us a message down below.