Category: 02. General

Description Plugin is a software that provides additional functionality which was not originally completed by Foundation core functionality. Foundation Plugins can be uploaded to expand the functionality of the site. Plugins are used to make your work easier. The following table describes the different types of Plugins along with the description. Sr.No. Type & Description…

In this chapter, we will study about media in Foundation. The Foundation consists of several media types like Flex Video, Label, orbit, progress bar and tooltip. The following table lists all the media types. Sr.No. Media Type & Description 1 Flex VideoIt is used to embed videos in a flex video container to keep the right aspect ratio despite the screen size. 2…

Foundation containers are used to make full width of the browsers at all times for the site and wrap the site contents. The following table lists the down some of the containers used in Foundation − Sr.No. Container & Description 1 AccordionAccordions contain vertical tabs which are used on websites to expand and collapse large…

Description Foundation provides a few different options for styling navigation elements. Many simple navigation patterns are bundled; it can be integrated in the form for robust responsive navigation solution. The following table describes the different types of navigation along with the description. Sr.No. Type & Description 1 Navigation OverviewNavigation contains links to the other section…

In this chapter, we will study about basic controls. Foundation provides basic controls such as buttons, sliders and switches. The following table lists the basic controls used in Foundation. Sr.No. Basic control & Description 1 ButtonFoundation supports many button styles that can be customized according to your needs. 2 Button GroupThey are containers for corresponding action elements. It works fine…

In this chapter, we will study about Typography Helpers. Typography helpers are used to format your text in semantically relevant ways. Helper classes in Foundation let you to scaffold some typographic styles quicker. The following table lists the Typography Helpers, which are used in Foundation. Sr.No. Typography helper & Description 1 Text AlignmentIt helps in changing the…

Description Typography in Foundation defines headings, paragraphs, lists and other inline elements which create attractive and simple default styles for elements. The following table lists the different types of typography used in Foundation − Sr.No. Typography & Description 1 ParagraphsParagraph is a group of sentences defined with different font size, highlighted words, line height etc.…

Description The following table lists the visibility classes of Foundation, which control the elements based on their browsing environment − Sr.No. Visibility Class & Description 1 Show by Screen SizeIt shows the elements based on the device by using .show class. 2 Hide by Screen SizeIt hides the elements based on the device by using .hide class. Foundation supports…

In this chapter, we will study about Forms. Foundation provides powerful, easy and versatile layout system for Forms, which combines form styles and grid support. The following table lists the form elements used in Foundation. Sr.No. Form element & Description 1 Form BasicsCreation of forms is easy and very flexible, which are built with a combination of…

The grid depends on the flex display property. It consists of a number of features that are available with the flexbox, like automatic stacking, source ordering, vertical alignment and horizontal alignment. Browser Support The flex grid is supported in Chrome, Firefox, Internet Explorer 10+, Safari 6+, Android 4+ and iOS 7+. The following table describes the features…