Client-First for Webflow
Glossar
Glossar für die wichtigsten englischen Begriffe in Webflow und Client-First.
Base Class
Die erste Klasse in einer Liste gestapelter Combo Classes. Wir fügen eine Klasse über der Base Class hinzu, um eine einzigartige Variante zu erstellen.
Übersetzungshinweis:
Base Class wird nur zu Beginn eines Artikels in Klammern mit (Basisklasse) übersetzt.
Body
Der Body (<body>) kennzeichnet den Anfang und das Ende des sichtbaren Inhalts eienr Webseite.
Child/Children
Als Child bezeichnet man ein untergeordnetes Element innerhalb anderer Elemente. Wenn wir <p> innerhalb eines <div>-Elements haben, ist <div> Parent von <p> und <p> ist das Child (untergeordnete Element) des <div>.
Übersetzungshinweis:
Child wird fast immer in Klammern mit (untergeordnetes Element) übersetzt.
Combo Class
Eine Combo Class ist eine Variante einer Base Class. Eine Combo Class erbt Stile von der Base Class und fügt ihr weitere Stile hinzu.
Übersetzungshinweis:
Combo Class wird nur zu Beginn eines Artikels in Klammern mit (kombinierte Klasse) übersetzt.
Container
Unter einem Container versteht man in der Regel einen in Größe, Layout, Position und teilweise auch in der Form festgelegten Div Block, der jeden beliebigen Inhalt enthalten kann.
Custom Class
Custom Class ist eine benutzerdefinierte Klasse, die für eine bestimmte Komponente, eine Seite, eine Gruppe von Elementen oder ein einzelnes Element erstellt wird. Zum Beispiel eine Klasse zum Stylen des Team-Sliders oder eine Klasse zum Stylen der globalen Header für das Projekt.
Übersetzungshinweis:
Custom Class wird nur zu Beginn eines Artikels in Klammern mit (benutzerdefinierte Klasse) übersetzt.
CSS Specificity
Die CSS Specificityist der Algorithmus, der von den Browsern verwendet wird, um die CSS-Deklaration zu bestimmen, die für ein Element am relevantesten ist, was wiederum den Eigenschaftswert bestimmt, der auf das Element anzuwenden ist.
Deep Stacking
Die Aktion, bei der viele Klassen auf ein Element gestapelt werden.
Übersetzungshinweis:
Deep Stacking wird nur zu Beginn eines Artikels in Klammern mit (übermäßiges Stapeln) übersetzt.
Div Block
Der Div Block ist eine Box, die andere Elemente beinhalten kann.
Ein Div Block ist das grundlegendste und vielseitigste Element, das beim Aufbau einer Webseite verwendet wird. Buttons, Container und Sections sind alle Div Blocks mit bestimmten zusätzlichen Eigenschaften.
Finsweet Extension
Eine Reihe von Tools, die deine Webflow-Entwicklung erleichtern.
Fluid Responsive
Wenn sich die Größe des Browserfensters ändert, wird das Design kontinuierlich und entsprechend skaliert.
Folders
Folders ist ein Add-On der Finsweet Extension. Es erlaubt das organisieren und ordnen von CSS-Klassen in Webflow.
Übersetzungshinweis:
Da Folders ein eigenes Produkt ist, wird es in der Regel nicht übersetzt. Zu Beginn eines Artikels wird es gelegentlich in Klammern mit (“Ordner”) übersetzt.
Global
Global bezeichnet eine seitenübergreifende Funktion. Zum Beispiel gibt es eine globale Klasse, die auf allen Seiten gleich ist. Das beste Beispiel hierfür ist die Klasse padding-global. Sie sorgt für ein einheitliches padding auf allen Seiten.
Global Class
Eine Einordnung einer Klasse. Eine Global Class ist für die Verwendung im gesamten Projekt gedacht. Sowohl Utility Classes als auch Custom Classes können Global Classes sein.
Übersetzungshinweis:
Global Class wird nur zu Beginn eines Artikels in Klammern mit (seitenübergreifende Klasse) übersetzt.
Global Embed
Das Client-First-Clonable enthält ein Global Embed, das seitenübergreifende, benutzerdefinierte CSS-Stile enthält. Das Global Embed sollte auf jeder Seite des Projekts erscheinen.
Margin
Mit der CSS-Eigenschaft margin wird der Außenabstand eines Elementes zu seinen umliegenden Elementen bestimmt. Die Margin kann für alle vier Seiten (top, right, bottom, left) konfiguriert werden
Padding
Die CSS-Eigenschaft padding beschreibt den Innenabstand eines Elementes zu seinem Rahmen. Die optische Polsterung kann dabei für alle vier Seiten des Elementes (top, right, bottom, left) festgelegt werden.
Parent
Als Parent bezeichnet man ein übergeordnetes Element, das andere Elemente beinhaltet. Wenn wir <p> innerhalb eines <div>-Elements haben, ist <div> Parent von <p> und <p> ist das Child (untergeordnetes Element) des <div>.
Übersetzungshinweis:
Parent wird fast immer in Klammern mit (übergeordnetes Element) übersetzt.
Section
Eine Section (<section>) bezeichnet einen Abschnitt der Seite.
Sibling
Ein Sibling ist ein geschwisterliches Element, das dasselbe Parent mit einem anderen Element teilt. In einer Liste sind alle Listenelemente <li> Siblings, die dasselbe Parent <ul> haben.
Übersetzungshinweis:
Sibling wird nur zu Beginn eines Artikels in Klammern mit (geschwisterliches Element) übersetzt.
Spacing
Spacing beschreibt die Abstände eines Elements nach innen und außen. Die Innenabstände nennt man Padding, die Außenabstände Margin.
Übersetzungshinweis:
Spacing wird nur zu Beginn eines Artikels in Klammern mit (Abstände)
übersetzt. Gelegentlich kann statt Spacing auch mal das Wort Abstände verwendet werden, damit der Text besser lesbar ist und das Wort Spacing nicht zu oft wiederholt wird.
Spacing Block
Im Client-First ist ein Spacing Block ein leerer Div Block, der Platz zwischen zwei Siblings (geschwisterlichen Elementen) schafft.
Spacing Wrapper
Im Client-First ist ein Spacing Wrapper ein Div Block, der ein Child (untergeordnetes Element) umfasst und Platz zwischen einem Sibling (geschwisterlichen Element) schafft.
Styles Panel
Das Panel ist das Webflow Designer Styles Panel auf der rechten Seite, womit die CSS Klasse konfiguriert werden können
Symbol
In Webflow werden Symbole verwendet, um jedes Element in eine wiederverwendbare Komponente zu verwandeln.
Utility Class
Eine Hilfsklasse, die mit einer bestimmten Kombination von CSS-Eigenschaften erstellt wird, die global (seitenübergreifend) im gesamten Projekt auf Elemente angewendet werden können.
Übersetzungshinweis:
Utility Class wird nur zu Beginn eines Artikels in Klammern mit (Hilfsklasse) übersetzt.
Webflow Designer
Der Webflow Designer ist die grafische Oberfläche die alle Tools enthält mit der wir unsere Webseite gestalten können.
Wrapper
Ein Wrapper dient häufig der Gruppierung weiterer Div Blocks, um diesen eine bestimmte Formatierung, Anordnung oder auch Funktion zu geben.