CSS-Algorithmen

Ich würde nicht sagen, dass der Begriff "CSS-Algorithmus" *noch* weit verbreitet ist, aber ich denke, Lara Schenck hat etwas entdeckt. Sie definiert ihn als

eine klar definierte Deklaration oder ein Satz von Deklarationen, der eine bestimmte Styling-Ausgabe erzeugt

Ein CSS-Algorithmus ist also nicht wirklich eine Komponente, bei der es ein übergeordnetes Element gibt und was auch immer es darin benötigt, aber ein CSS-Algorithmus könnte Komponenten beinhalten. Ein CSS-Algorithmus ist nicht nur ein kniffliges Schlüssel/Wert-Paar oder eine berechnete Ausgabe – aber er könnte diese Dinge sicherlich beinhalten.

So wie ich es verstehe, handelt es sich um kleine Minisysteme. In einem kürzlichen Beitrag beschreibt sie eine Situation, die im Wesentlichen zwei feste Header-Leisten beinhaltet und die Notwendigkeit, sie in verschiedenen Situationen zu behandeln. In diesem Beispiel kann die Seite verschiedene Zustände haben (z. B. ein angemeldeter Zustand hat eine Leiste mit `position: fixed;`), und das beeinflusst nicht nur den Header, sondern auch den Inhaltsbereich. Das alles zusammen zu behandeln, ist ein CSS-Algorithmus. Es ist wahrscheinlich die Art und Weise, wie wir alle bereits in CSS arbeiten, aber jetzt einen Begriff haben, um es zu beschreiben. Dieses spezielle Beispiel beinhaltet einige CSS-Custom-Properties, eine zustandsbasierte Klasse, zwei Selektoren und eine Media Query. Klassische Front-End-Developer-Sachen.

Lara kann besser erklären, was sie meint. Sie sollten ihren ersten Blogbeitrag, Haupt-Blogbeitrag, ihre Sammlung von Beispielen und ihren Vortrag zu diesem Thema lesen.

Sie wird im Juni bei PPKs CSS Day sein (hey, es steht auf unserer Konferenzliste!), und die Idee hat bei ihm offensichtlich einige Gedanken angeregt.

Direkter Link →