Artikel über CSS, die mich im Jahr 4 umgehauen haben

Der Vortrag über die 3 Säulen der CSS-Architektur bei Front in Sampa 2024 gab mir die Gelegenheit, viel über CSS aus theoretischer Sicht zu lesen, was mir meiner Meinung nach eine reifere, ganzheitlichere und strategischere Sichtweise verschaffte CSS-Entwicklung im großen Maßstab.

Auf dieser Tour entdeckte ich Sichtweisen über CSS, die nicht nur meine Neugier neu entfachten, sondern mich auch dazu motivierten, mit diesen neuen Sichtweisen auf die Welt neue Entscheidungen zu treffen.

 

Zyklomatische Komplexität: Logik in CSS von Harry Roberts

Zyklomatische Komplexität ist ein Maß für die Komplexität eines Programms – jede Flusskontrolle und jede Ausgabe erhöht die Komplexität einer Methode, Klasse oder Anwendung.

In CSS kann Komplexität langsame, schlecht wiederverwendbare und übermäßig spezifische Selektoren bedeuten.

div.sidebar .login-box a.btn span {}

/*
Pode ser lido como

IF (inside .btn)
AND IF (on a)
AND IF (inside .login-box)
AND IF (inside .sidebar)
AND IF (on div)

*/

 

„Stellen Sie sich Ihre Selektoren als Miniprogramme vor“

 

Link zum Artikel im CSSWizardry-Blog, auf Englisch

 

---

 

Bedingtes CSS von Ahmad Shadeed

Immer noch über den Wert, CSS als eine Sprache mit logischen Operationen zu sehen, nicht nur über Medienabfragen, die logische Auswertungen vornehmen, um Code gemäß Kontextbedingungen verfügbar zu machen, sondern über jeden interaktiven Zustand, das Vorhandensein oder Nichtvorhandensein eines nächsten Selektors, aus einem Selektorindex oder aus der Anwesenheit eines bestimmten Kindes (mit :has).

Es handelt sich um einen äußerst aktuellen Artikel mit den neuen Eigenschaften und dem Paradigmenwechsel, der durch :has, Containerabfragen und die bereits vorhandenen, aber noch nicht so erforschten Supportabfragen verursacht wird.

 

Link zum Artikel auf Ahmad Shadeeds Blog, auf Englisch

 

---

 

Die CSS-Kaskade von Amelia Wattenberger

Cascade Stylesheets, und doch kommt es sehr häufig vor, dass CSS-Fehler auftreten, die die Art und Reihenfolge betreffen, in der das CSS geschrieben wird. In diesem wunderschönen Blog-Beitrag von Amelia Wattenberger demonstriert sie auf einfache und visuelle Weise, wie der Wasserfall funktioniert, und gibt Einblicke, wie Sie vor diesem Hintergrund über Ihr CSS nachdenken sollten.

 

Link zum Artikel auf Amelia Wattenbergers Blog, auf Englisch

 

---

 

Eine kurze Geschichte von CSS-in-JS: Wie wir hierher kamen und wohin wir gehen von Dan Ward

Je mehr ich CSS-in-JS verwenden musste, desto mehr störten mich die negativen Punkte, wie etwa die Bundle-Größe, Laufzeitänderungen und eine verwirrende Wiederverwendungs- versus Co-Location-Architektur. Bei CSS-Variablen wird es noch veralteter, die Pfeilfunktion dem Einfügen von Variablen über Stile vorzuziehen – es ist viel einfacher und CSS kommt mit dieser Art von Bereich gut zurecht.

In diesem Artikel verstehen wir, warum und wie es existiert, mit unglaublichen Links, die überall erwähnt werden.

 

Link zum Artikel auf Medium, auf Englisch

 

---

 

CSS und der kritische Weg von Stoyan Stefanov

CSS ist der größte Übeltäter bei langsamem Webladen, ungenutztem und übermäßigem CSS, Selektoren und Vorgängen, die sich im Zusammenspiel auf mehr Knoten auswirken, als sie sollten, sogar komplexe und langsame Selektoren, die weniger Overhead und mehr Architektur erfordern würden.

In diesem Artikel erfahren Sie, wie der Browser beim Laden, Kompilieren und Priorisieren dieses wichtigen Assets funktioniert und wie Sie den Weg dorthin für den Endbenutzer weniger schmerzhaft gestalten können.

 

Link zum Artikel auf Stoyan Stefanovs Blog, auf Englisch

Sehen Sie sich nach dem Lesen dieses Video von Harry Roberts über die CSS-Leistung auf Frontend United an

 

---

 

Responsives Webdesign

Ethan Marcotte prägte den Begriff „Reaktionsfähigkeit“ basierend auf architektonischen Baugruppen, die in gewisser Weise auf die Besetzung ihres Raums reagierten. Dieser Blick wurde von John Alsopps Text aus dem Jahr 200 inspiriert, der ein freieres Web forderte, das weniger Regeln diktierte Benutzer in einer Welt mit einer wachsenden Anzahl von Geräten haben die Art und Weise, wie wir Schnittstellen schreiben, verändert und werden auch die Art und Weise verändern, wie Sie sie sehen.

 

Link zum Artikel im A List Apart-Blog, auf Englisch

Nachdem Sie es gelesen haben, sehen Sie sich dieses Video von Jen Simmons mit einem modernen Blick auf Responsivität – intrinsische Layouts an

 

---

 

Zum Schließen

Die Zukunft des Ladens von CSS von Jake Archibald

Ich habe Jake beim Anschauen von HTTP 203 auf dem Google-Kanal getroffen und verfolge seitdem seinen Blog. In diesem Artikel untersucht er die Möglichkeit, Links in die Falten von um die Stile dessen, was sich unterhalb der „Falte“ befindet, nach und nach zu laden.

Wussten Sie nicht, dass es möglich ist? Ja, TIL auch!

 

Link zum Artikel auf Jakes Blog, auf Englisch

 

Nachdem ichdie HTTP 203-Show auf dem Chrome for Developers-Kanal gesehen habe, lerne ich viel von Jake und seinen Gästen

Das obige ist der detaillierte Inhalt vonArtikel über CSS, die mich im Jahr 4 umgehauen haben. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!