Foundation Framework Interview Questions & Answers

Question 1. What Is Foundation?

Answer :

Foundation is a front-end framework that is for designing beautiful responsive websites. This framework is compatible with all types of devices and provides you with HTML, CSS and JavaScript plug-in.

Question 2. What Are The Features Of Foundation?

Answer :

Features of foundation are:

• It has powerful grid system.
• It provides responsive design.
• Supports mobile first approach.
• It provides UI components and cool JavaScript plug-ins.
• It provides customizable and extensible HTML templates.

Question 3. What Is Zurb Template?

Answer :

ZURB Template: Combination of JavaScript, CSS/SCSS, Handlebars template, image compression, markup structure, and uses SASS processing.

Question 4. What Are The Features Of Flex Grid In Foundation?

Answer :

Features of Flex Grid are:

• Importing
• Advanced Sizing
• Responsive Adjustments
• Column Alignment
• Source Ordering
• Sass Reference

Question 5. What Are The Types Of Form Elements Used In Foundation?

Answer :

Types of form elements are:

• Form Basics
• Help Text
• Label Positioning
• Inline Labels and Buttons
• Custom Controls
• SASS Reference

Question 6. What Are The Types Of Plugins Used In Foundation?

Answer :

Types of plugins used in Foundation are:

• Abide
• Equalizer
• Interchange
• Toggler
• Sticky

Question 7. What Is Abide?

Answer :

Abide is a type of plug-in which is used in the in the HTML5 form validation library with native API using the required attributes and patterns.

Question 8. What Is Toggle In Foundation?

Answer :

Toggle is a type of plug-in that is used to switch from one setting to another.

Question 9. What Is Breadcrumbs?

Answer :

Breadcrumb is used to specify the current location for a site within navigational hierarchy.

Question 10. What Is Drilldown Menu?

Answer :

Drilldown Menu is a plug-in which is used to create submenus in main menu in the slider format.

Question 11. What Is Accordion Menu?

Answer :

Accordion Menu is used to display the collapsible menu with accordion effects. Accordion Menu also provides support for auto collapse using the Accordion Menu plug-in.

Question 12. What Is Magellan In Foundation?

Answer :

Magellan is used to create a navigation which is in a fixed position.

It is also used to track the navigation list on a page.

Question 13. How To Install Motion Ui Library In Your Project By Using Npm?

Answer :

By using the following code: $ npm install motion-ui --save-dev.

Question 14. What Is Hamburger In Foundation?

Answer :

HAMBURGER is used for creating menu icon with the following parameters (width, height, number of bars and colors).