To help you take advantage of the full potential of Layout Maker, we have put together a glossary of the most common terms we use through the software to help you become more familiar with the program.
Word Definitions:
Breakpoints |
Design adjustments and style rules that are specific to certain defined screen resolutions. At these points your site’s content will respond by applying these set rules to provide the user with the best possible layout to view the information. |
Breaker |
Change the layout and design of your site at any width of your choice. |
Clear |
A property that restricts floating elements to specific sides of a content container. |
Column |
Used for setting the (column-count) or amount of columns in a Row. |
Element |
An essential characteristic or aspect to represent the various content within your website. |
Float |
This property allows you to adjust the specific placement of an element within a content container. |
Layout |
A structured arrangement of content columns and elements that outlines the design of your website. |
Properties |
Design settings that define characteristics of rows, columns and elements. |
Row |
Divide up your layout horizontally. These sections will be used to hold columns and elements for your site content. |
Sizer |
A sliding tool to change your viewport so you can check out your site any size. |
Span |
The specific length a content column may stretch based upon the available display width. |
Wireframe |
A visual guide that represents the skeletal framework of a website. |
Gutter |
Is the width, or empty space, between columns |
Margins |
Is the spacing around the outside of an element or project. |
Padding |
Is the spacing between an element and its container borders. |
Push/Pull |
Re-position divided columns by additional unused space within the row. |
Elements:
Address |
An example set of text that displays as an Address |
Blockquote |
Specifies a section that is quoted from another source. |
Button |
The name attribute is used to reference a button image. |
Heading |
Represents a heading tag. H1-H6. |
Form |
Used to display a placeholder for a sample form. |
Image |
A placeholder for an image. |
Link |
Inserts a link into your webpage. |
Logo |
A symbol or other small design adopted by an organization to identify its products. |
Lists |
An unordered list starts with the <ul> tag. Each list item starts with the <li> tag. The list items are marked with bullets (typically small black circles). |
Map |
Allows you to visualize how a map will be displayed in your website. |
Paragraph |
This is a paragraph of text. |
Placeholder |
Holds the settings of the content making it easier for you to add once your theme is exported. |
Rule |
Adds a horizontal line separator to your page. |
Search |
Inserts a search box placeholder. |
Social Ad |
A visual representation of a social media ad. |
Square Ad |
A square ad that acts as a placeholder. |
Table |
A table is divided into rows (with the <tr> tag), and each row is divided into data cells (with the <td> tag). td stands for "table data," and holds the content of a data cell. A <td> tag can contain text, links, images, lists, forms, other tables, etc.</td>. |