Glosary - ariel-fer/Araena GitHub Wiki

Word Description
Element Atomic representation of a portion of a website, usually is identified by a class in CSS and as an element in Webflow in blue color.
Attribute A single styling that is applied to an element
Component A set of other components and/or elements with their attributes. Goes from something simple like a button, an interactive image, and goes as complex as it can be like a sliding text with dynamic effects.
Webflow Component Component representation that can be reused across multiple pages and is maintained from a central place. Its shown as a green class.
Class a set of attributes grouped in css. usually is identified with a name that is used as the element name in Webflow
Combo Class hierarchy of classes that can be combined. Primary class is usually the one with general attributes and combo classes combined provide modifications to the original.
Transition Way of applying an effect to an element that happens during a time interval.
Effect Visual change that can be applied to an element. Can be set with a transition as well.
Accordeon Name of a certain component that represents the instrument. basically is a set of divs that can be opened or closed by a trigger such as a mouse click.
Marquee Name of a certain component that represents a text that moves from right to left, or can be in other directions as well.
Navigation Bar Name of the component that represents a set of icons or links that allows the user to navigate to other places on the website based on a place of reference.
Menu Name of the component that represents a place where users can always check for a quick way to navigate to the main pages of the website
Hero Name of the component that represents the first thing the users sees on the homepage. It usually contains elements such as a big title, a representative image of what the website is about.
Footer Component that is placed at the bottom of each page. Contains elements such as copyrights, information about the company.
Responsive Refers to how a website, page, component or element adapts respective to the display or screen it is being viewed from. If its responsive it means that its adaptation is seemless.
Viewport The viewport is the user's visible area of a web page. The viewport varies with the device, and will be smaller on a mobile phone than on a computer screen.
⚠️ **GitHub.com Fallback** ⚠️