Ahmad Shadeed behandelt die Idee einer Kartenkomponente, die über einen festen Satz semantischen HTML-Codes mit einigen BEM-Klassen verfügt. Es gibt einen Titel, einen Autor, ein Bild und Tags. Dann gestaltet er die Karte in fünf völlig unterschiedliche Designs um, ohne dabei das HTML zu verändern, sondern nur das CSS.
Wenn dies ein Aha-Erlebnis für Sie ist, großartig! Es ist vielleicht wissenswert, dass dieses exakte Konzept eine ganze Generation von Frontend-Entwicklern begeistert hat, nicht zuletzt aufgrund des Konzepts des CSS Zen Garden, bei dem die gesamte Website aus einem festen HTML-Satz bestand und nur CSS-Änderungen unglaubliche Kreativität hervorbrachten.
Natürlich greifen wir bei Neugestaltungsarbeiten normalerweise auch in das HTML ein, aber dies ist dennoch eine unterhaltsame Übung, die die Macht von CSS unterstreicht. Ich frage mich, ob JavaScript-basierte Komponenten heute diese Ehrfurcht hervorrufen, da sie eine ähnliche Abstraktionskraft besitzen: Ändern Sie eine Komponente und sehen Sie die Auswirkungen auf der gesamten Website. Nur dass die Idee nicht in Einschränkungen verwurzelt ist, sondern keine Einschränkungen hat.