Framework plays a key role in application development. A website is attracted by its design and structure. We depict a short comparison of three web designing frameworks.

1. Bootstrap Vs Foundation Vs Gumby
Presented by
Zafong Technologies LLP

2. What is a Framework?
• Framework is a guide or support for building an external structure.
• A web application framework is a collection of tools for creating websites and
web applications.
• Framework reduces the complexity of creating a website by providing basic
HTML and CSS templates.
• Most of the Web designing companies choose a framework to develop their web
application. Instead of developing from the scratch, framework is a layered
structure that reduces the developer’s task.

3. Why to use a framework?
• Overcome the usual process of writing long codes, instead use frameworks
with pre-built functionalities which improves the efficiency of the
development.
• The frameworks have high security implementations.
• Most of the frameworks are available at free of cost, hence it reduces the
development cost.
• A framework is developed by a big community of developers, hence you get
a wide support from the group of developers.

4. What is Bootstrap?
• A framework that can be used efficiently with the basic knowledge of HTML and
CSS.
• Bootstrap is an open-source framework and a brainchild of Mark Otto and Jacob
Thornton at Twitter.
• Bootstrap is a collection of tools that helps to create flexible and innovative web
layouts.
• Most of the web page designs are accomplished in Bootstrap because of its
responsive nature.
• Bootstrap is a combination of HTML and CSS based design templates that includes
components like buttons, tables, typography, forms, images, navigation, dropdowns,
as well as optional JavaScript Plugins.

5. What is Foundation?
• A highly responsive framework, in which most of the applications perform well on
all the devices.
• Foundation is an easy framework to develop responsive websites, applications and
e-mails which looks amazing on all the devices.
• This framework is built with most of the latest technologies, including HTML, CSS
and jQuery.
• This framework is an innovation from the community of ZURB, they constantly add
new code snippets to enhance the performance of their framework.
• This community has created an organized and controlled toolset for the designers
and developers.

6. What is Gumby?
• Gumby is one of the popular front-end web framework that is used to create amazing
and beautiful websites.
• It is a responsive CSS framework which is powered by SASS.
• It is a flexible framework which includes HTML, CSS and JavaScript plugins to create
dynamic websites.
• The UI kit and responsive grid system in Gumby is efficient to create a logical page
layout and app prototypes.
• Gumby supports most of web browsers including chrome, opera, Firefox, etc.

7. Short comparison – Bootstrap Vs Foundation Vs Gumby
Feature Bootstrap framework Foundation framework Gumby framework
Responsivene
ss
Bootstrap creates highly
responsive sites.
Foundation creates
responsive sites with a
responsive grid.
Gumby also creates
responsive web pages.
Open-source It is an open-source
framework available at
GitHub
Foundation is an open-
source framework with
several resources.
Gumby is also an open
source framework
available at
gumbyframework.com
Template
design
Consistent Design
templates and styles from
a central library
Tons of template layouts
from foundation grid.
Cleaner and easy to
use UI kit.
Community Widely used framework. Small group of developers Small community of
developers
Documentatio
n
Great documentation with
examples and demo.
Better documentation with
easy setup
Good documentation.

8. Advantages of Bootstrap
• This framework saves a lot of development time using predefined design templates and
classes.
• It is an easy to use framework, people with basic knowledge of HTML and CSS can create
wonders with this framework.
• Bootstrap has an extensive component list that is efficient to build your site with all the
necessary features.
• Bootstrap is compatible with most of the browsers like chrome, Internet explorer, Firefox,
Opera, etc.
• There are numerous interactive JavaScript plugins which enhance the beauty of your
applications.
• Bootstrap has a big community of developers and releases frequent updates to its users
compared to any other frameworks.

9. Advantages of Foundation
• Foundation is an easy and flexible framework to develop responsive sites.
• Foundation is an easy to set up a framework which is built with Sass stylesheet
language.
• The most important part of a framework is the grid system, the Foundation has an
efficient grid system that goes responsive and mobile-friendly.
• This framework provides a better mobile, responsive site with smaller animations and
less flickering of contents.
• A framework is noted for its ability to customize the visual appearance. Foundation
framework will provide a better environment for customizing your project.

10. Advantages of Gumby
• Gumby is a CSS framework that develops responsive designs which is based on
Compass and Sass.
• This framework allows to create mobile-friendly sites with the help of its grid system.
• It has a great toolset which includes buttons, responsive images, intrinsic ratio video
embeds, etc.
• The newly designed UI kit in Gumby is clean and easy to use.
• Gumby’s toggles and switches are easy to implement and touch friendly.
• Gumby has a hybrid grid, which relies on the latest design trends.

11. Which Framework yields best result?
Bootstrap and foundation are the frameworks with almost similar popularity among the web
designing companies, but Gumby is a new and small community of developers.
All the three frameworks concentrate on developing responsive web pages and focus on
mobile friendly sites. Certain features may be an advantage in any one of the frameworks
and certain features may be a drawback.
Hence, we cannot determine the best framework, but selecting the right framework for the
right application is the best option to get quality sites with fine tuning of look and feel.

12. CONTACT & FIND US
Zafong Technologies LLP
23/2, 3rd Street, Nehru Nagar, Ganapathy,
Coimbatore - 641006, TamilNadu, India.
Ph-0422 2537770
info@zafong.com
www.zafong.com
Facebook.com/zafongtech
linkedin.com/company/zafong-technologies