Drei Vorhersagen aus der State of CSS 2019 Umfrage

Eine Entwicklerumfrage wie die State of CSS durchzuführen ist ein mehrstufiger Prozess. Zuerst müssen die Daten gesammelt werden. Dann werden sie in eine nutzbare Form gebracht. Schließlich werden clevere Wege gefunden, sie zu visualisieren und der Welt zu präsentieren.

Aber dann, wenn sich der Staub gelegt hat und der Traffic nachlässt, kommt mein Lieblingsteil: Tatsächlich über die Daten *nachzudenken*. Durch einen genaueren Blick auf unsere Daten und die Beobachtung, wie die Community unsere Ergebnisse diskutiert hat, traten drei unerwartete Trends in den Fokus.

Aber zuerst ein paar Hintergrundinformationen für diejenigen, die mit dem Projekt noch nicht vertraut sind.

Ich begann die State of JavaScript Umfrage vor drei Jahren im Jahr 2016, um meine eigenen Unsicherheiten über die Zukunft der Webentwicklung zu beantworten. Damals grassierte die JavaScript-Müdigkeit, und ich dachte, eine umfassende Entwicklerumfrage könnte sich als Gegenmittel erweisen.

Es stellte sich heraus, dass ich einen Nerv getroffen hatte: Die erste Umfrage war sehr beliebt und unser Publikum ist seitdem jedes Jahr gewachsen, ebenso wie der Umfang der Umfrage. (Raphael Benitte, Schöpfer der Nivo.js Dataviz-Bibliothek, schloss sich mir an, um mir bei der Datenverarbeitung und -visualisierung zu helfen.) Dieses Jahr markiert zum ersten Mal, dass wir in eine neue Dimension vorstoßen, nämlich in die nicht ganz einfache Welt von CSS.

Vorhersage 1: CSS hat immer noch viel unerforschtes Terrain

Eines der Dinge, die wir mit der Umfrage quantifizieren wollten, war, wie viel von CSS noch „unerforscht“ war. Mit anderen Worten, welche CSS-Features sind Entwicklern entweder unbekannt oder sie haben sie noch nicht verwendet. Aus diesem Grund haben wir uns in unserem Features-Bereich frühzeitig auf neue CSS-Eigenschaften konzentriert, wie Shapes, Masking oder scroll-snap, anstatt auf „langweilige“ Floats oder Tabellen.

Die daraus resultierenden Daten malen ein interessantes Bild: **Es stellt sich heraus, dass CSS, wenn man es so betrachtet, von einer vertrauten Landschaft zu einem wilden, unerforschten Dschungel wird.**

Ein Vergleich von Flexbox vs. CSS Grid veranschaulicht diesen Trend gut. Während fast jeder, der von Flexbox gehört hat, es auch benutzt hat, haben nur 55% der Entwickler, die von CSS Grid wissen, es tatsächlich ausprobiert. Das ist eine große Lücke, besonders für eine Technologie, die so wichtig ist wie CSS Grid!

Oder nehmen Sie CSS Shapes: 68% der Entwickler sind sich dessen bewusst, nur 31% dieser Gruppe hat die Funktion tatsächlich genutzt.

Dies deutet auf eine große Lücke zwischen dem hin, was wir kollektiv lernen wollen, und dem, was wir tatsächlich wissen. Dieses Wachstumspotenzial ist genau das, was CSS im Jahr 2019 so aufregend macht.

Vorhersage 2: Funktionales CSS wird weiter zunehmen

Wenn Sie alt genug sind, um sich an den CSS Zen Garden zu erinnern – oder um CSS durch ihn gelernt zu haben (in diesem Fall weiß ich, wie Sie sich fühlen, mein Rücken tut weh, wenn ich morgens aufstehe) – dann mag dieser nächste Trend seltsam oder sogar geradezu falsch erscheinen.

Funktionales CSS lehnt das platonische Ideal von reinem, unbeflecktem Markup ab, das frei von Styling-Bedenken ist, und befürwortet „funktionale“ (aka „atomare“ oder „Utility“) Klassen. Denken Sie an <div class="text-red text-medium border-1">...</div>.

Die Übernahme dieses Ansatzes bedeutet, dass Sie Ihr Stylesheet nicht magisch aktualisieren und Ihr gesamtes Design ändern können, ohne eine einzige Zeile Markup zu ändern. Aber seien Sie ehrlich, wie oft passiert das sowieso? Im Vergleich zur oft theoretischen Eleganz der Zen Garden-Philosophie bieten Bibliotheken wie Tailwind und Tachyons greifbare, reale Vorteile, was erklärt, warum sie so hoch angesehen sind. Tatsächlich belegen diese die Plätze 1 und 4 in Bezug auf das Zufriedenheitsverhältnis in der Kategorie CSS-Frameworks.

Besonders Tailwind scheint an Fahrt zu gewinnen, zumindest gemessen an der Twitter-Interaktion seiner Community als Reaktion auf die Umfrageergebnisse. Da es gerade Version 1.0 erreicht hat, ist es definitiv ein Projekt, das man im Auge behalten sollte!

Vorhersage 3: Der Kampf um CSS hat gerade erst begonnen

Wenn ich mir unsere Daten ansehe, kann ich mich des Gedankens nicht erwehren, ob „JavaScript-Müdigkeit“ bald durch „CSS-Müdigkeit“ ersetzt wird.

Bei der Bewertung von Technologien ist es wichtig, nicht nur die reinen Nutzungszahlen, sondern auch die Benutzerzufriedenheit zu betrachten. Schließlich möchten Sie nicht auf den neuesten Zug aufspringen, nur um festzustellen, dass die aktuellen Insassen es kaum erwarten können, wieder abzuspringen.

Dieses Streudiagramm, das in Quadranten unterteilt ist, ist dafür perfekt geeignet. Es stellt die Nutzung der Zufriedenheit gegenüber und macht es einfach, beliebte Werkzeuge mit hoher Zufriedenheit in ihrem eigenen Quadranten zu isolieren.

Was in diesem Diagramm auffällt, ist, dass der dichteste Bereich der „Bewertungs“-Quadranten ist. Mit anderen Worten, die Technologien mit *geringer* Nutzung und hoher Zufriedenheit, die immer noch um die Vorherrschaft kämpfen. Dies ist genau der Zustand, in dem sich auch das JavaScript-Ökosystem befindet. Viele Anwärter, aber bisher wenige entscheidende Gewinner.

Das ist nicht unbedingt schlecht: Ja, es macht das Leben des durchschnittlichen Entwicklers schwerer, wenn es darum geht, das richtige Werkzeug auszuwählen, aber hey, dafür tun wir das, was wir tun! Außerdem kann Wettbewerb nur dem Ökosystem als Ganzes zugutekommen. Wenn sich der Staub gelegt hat, werden hoffentlich die bestmöglichen Optionen überlebt haben!

CSS im Jahr 2019

Insgesamt zeigt die State of CSS-Umfrage, dass dies nicht mehr das CSS Ihres Großvaters ist. Jahrelang haben wir Entwickler uns gerne über die Unzulänglichkeiten von CSS und seine mangelnden leistungsstarken Funktionen beschwert. Aber im Jahr 2019 fordert uns CSS heraus, Taten folgen zu lassen: Hier sind all die Funktionen, die Sie sich immer gewünscht haben. Was machen Sie jetzt damit?

Ich persönlich freue mich sehr darauf, noch tiefer in diese neue Welt des Stylings einzutauchen. Und natürlich, um 2020 wieder reinzuschauen, um zu sehen, welche neuen Trends wir dann finden!