Bootstrap Vs Foundation Vs Gumby

Presented by Zafong Technologies LLP

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.

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.

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.

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.

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.

Short comparison – Bootstrap Vs Foundation Vs GumbyFeature Bootstrap framework Foundation framework Gumby framework

Responsiveness

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

Documentation

Great documentation with examples and demo.

Better documentation with easy setup

Good documentation.

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.

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.

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.

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.

CONTACT & FIND US

Zafong Technologies LLP23/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