Ich muss mich bei Jeremy Keith und seinem wunderbar einsichtigen Artikel von Ende letzten Jahres bedanken, der mich in das Konzept der HTML Web Components eingeführt hat. Das war für mich der „Aha-Moment“.
…Wenn man ein bestehendes Markup in ein ... einhüllt
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 …
Wenn Sie diszipliniert sind und die Vererbung, die die CSS-Kaskade bietet, nutzen, werden Sie am Ende weniger CSS schreiben. Aber da unsere Stile oft aus allen möglichen Quellen stammen — und mühsam zu strukturieren sein können …
Stefan Judis hat zwei Tage bevor ich mich darüber ausgelassen habe, (X, X, X, X) für die Spezifität zu verwenden, einen großartigen Blogpost veröffentlicht. Er nutzt darin nicht nur dieses Format, sondern plädiert auch dafür, dass Browser-DevTools uns diesen Wert anzeigen sollten, indem …
Browser-DevTools sind für uns Front-End-Entwickler unverzichtbar. In diesem Artikel werfen wir einen Blick auf den „Berechnet“ (Computed)-Tab, eine kleine Ecke des DevTools-Panels, die uns große Dinge zeigt, wie zum Beispiel, wie relative CSS-Werte aufgelöst werden. Wir werden …
Seit der Entstehung von CSS im Jahr 1994 haben die Kaskade und die Vererbung definiert, wie wir im Web gestalten. Beide sind mächtige Funktionen, aber als Autoren hatten wir bisher nur wenig Kontrolle darüber, wie sie interagieren. Selektoren-Spezifität und die Reihenfolge im Quellcode …
Das ist richtig! Und ich kann es auch beweisen. Schauen wir uns zuerst etwas CSS an
.a {
color: red;
}
.b {
color: blue;
}Und nun schauen wir uns das Markup an
<div class="a b">Here’s some text</div>Der Text wird …
Anknüpfend an Geoffs Einführungsartikel über das zweite „S“ in CSS richten wir nun das Rampenlicht auf das „C“ in CSS – das, was wir die Kaskade nennen. Hier fangen die Dinge an, unübersichtlich und sogar verwirrend zu werden …
