BEM. Wie scheinbar alle Techniken in der Welt der Front-End-Entwicklung kann das Schreiben von CSS im BEM-Format polarisieren. Aber es ist – zumindest in meiner Twitter-Bubble – eine der beliebteren CSS-Methoden.
Ich persönlich denke …
Einige wirklich erfrischende technologische Vergleichsschriften von Eric Bailey. Wie bei allem im Leben müssen wir nicht alles hassen oder lieben. Baby Bear Thinking, sage ich gerne. Es gibt Vor- und Nachteile. Jeder einzelne Stichpunkt hier …
Das ist eine Meisterklasse von Dave
Nachdem Sie die Wand der unaufhebbaren Komplexität erreicht haben, sind alle „Fortschritte“ ein Taschenspielertrick, bei dem Kompromisse eingegangen werden, die an den Benutzer weitergegeben werden … Sie erzielen „Fortschritte“, indem Sie verschieben, wo die Komplexität liegt.
Du …
Die Wartung eines groß angelegten CSS-Projekts ist schwierig. Im Laufe der Jahre haben wir verschiedene Ansätze zur Erleichterung des Schreibens von skalierbarem CSS beobachtet. Am Ende versuchen wir alle, die folgenden beiden Ziele zu erreichen
Es gab in letzter Zeit viel wohlverdienten Hype um Svelte, und das Projekt hat über 24.000 GitHub-Sterne gesammelt. Svelte, wohl das einfachste JavaScript-Framework, wurde von Rich Harris geschrieben, dem Entwickler hinter Rollup. Es gibt viel …
CSS ist einfach, mag man argumentieren, aber diese „Einfachheit“ kann zu unübersichtlichem Code führen. Dies gilt insbesondere durch die Macht von Präprozessoren wie Sass oder Less, wo Ihr CSS, wenn Sie nicht vorsichtig sind, schwieriger zu handhaben wird, anstatt …
Das Festlegen von CSS-Variablen für das Theming eines Design-Systems kann knifflig sein: Wenn sie zu spezifisch (scoped) sind, verliert das System an Konsistenz. Wenn sie zu global sind, verliert man an Granularität.
Vielleicht können wir beide Probleme lösen. Ich möchte versuchen, Design-System-Variablen auf zwei Typen zu reduzieren: Globale und Komponenten-Variablen. Globale Variablen sorgen für Konsistenz über alle Komponenten hinweg. Komponenten-Variablen bieten uns Granularität und Isolation. Lassen Sie mich Ihnen anhand einer recht einfachen Komponente zeigen, wie das geht.
BEM (Block Element Modifier) ist eine beliebte Konvention für CSS-Klassennamen, die die Wartung von CSS erleichtert. Dieser Artikel geht davon aus, dass Sie mit der Namenskonvention bereits vertraut sind. Wenn nicht, können Sie mehr darüber auf getbem.com erfahren, um …
Das Zeichen & in Sass ist einzigartig, da es den aktuellen Selektor repräsentiert. Es ändert sich, wenn Sie verschachteln. Nehmen wir an, Sie sind verschachtelt, möchten aber auf einen Selektor etwas weiter oben in der Verschachtelung zugreifen. Der Trick ist …
