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.

nächste

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Reset
HTML font size
px
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
px values
rem values
2px
=
0.125rem

Closest to Client-First values

2px
=
0.125rem

Neighboring values

2px
=
0.125rem