Ein weiteres Jahr ist vergangen! Wie jedes Jahr werfen wir einen Blick auf das vergangene Jahr aus einer analytischen, zahlenmäßigen Perspektive und überprüfen unsere Ziele. Am wichtigsten ist, dass ich Ihnen, den wundervollen Lesern von CSS-Tricks, meinen tiefsten Dank aussprechen möchte, dass Sie diesen Ort möglich machen.

Diese Seite hat ein neues Design, oder? Ja! Ich werde bald mehr darüber schreiben. Wenn Sie jetzt etwas dazu sagen möchten, können Sie gerne unsere neue öffentliche Community auf Spectrum nutzen. Wenn es sich um einen Fehler oder eine Idee handelt, die nicht wirklich öffentlich sein muss, ist unser Kontaktformular großartig.
Ich kann die Male, die ich heutzutage pro Jahr in Google Analytics schaue, an zwei Händen abzählen, aber wir haben den grundlegenden Ausschnitt seit dem ersten Tag hier installiert, daher ist er großartig, um den Website-Traffic und die Nutzung langfristig im Auge zu behalten. Insbesondere da CSS-Tricks die gesamte Zeit über eine ziemlich grundlegende WordPress-Installation war, mit wenig größeren Infrastrukturänderungen, die die Erfassung dieser Zahlen stören würden.

Wir hatten dieses Jahr 91 Millionen Seitenaufrufe, gegenüber 75 Millionen im letzten Jahr. Das ist toll zu sehen, da wir 2017 bei 75, 2016 bei 77 und 2015 bei 72 lagen. Wir haben es dieses Jahr geschafft, einen größeren Sprung zu machen als vielleicht jemals zuvor. Nächstes Jahr möchte ich gerne 100 Millionen erreichen! Das basiert auf 65 Millionen Sitzungen und 23 Millionen Nutzern.
Vielleicht ist ein Teil dieses Traffics darauf zurückzuführen, dass wir dieses Jahr 636 Beiträge veröffentlicht haben, gegenüber 595 im letzten Jahr. Ich glaube, sie sind auch qualitativ hochwertiger, da wir viel mehr in Gastbeiträge investiert haben und einen gründlicheren redaktionellen Prozess hatten als je zuvor. Geoff Graham ist das ganze Jahr über leitender Redakteur und macht einen phänomenalen Job, unseren Content-Zug am Laufen zu halten.
Seit ein paar Jahren versuche ich, CSS-Tricks als dieses zweiköpfige Biest zu betrachten. Der eine Kopf ist, dass wir versuchen, langlebige referenzielle Inhalte zu produzieren. Wir wollen eine Seite sein, auf die Sie zugreifen oder landen, um Antworten auf Front-End-Fragen zu finden. Der andere Kopf ist, dass wir wie eine Zeitschrift gelesen werden wollen. Abonnieren, einmal die Woche vorbeischauen, den RSS Feed abholen… was auch immer Sie möchten, wir hoffen, dass CSS-Tricks als Hobbyzeitschrift oder Branchenblatt interessant zu lesen ist.
Wir haben dieses Jahr nur 25 neue Seiten veröffentlicht, darunter Snippets, Almanacheinträge und Videos. Ich würde mir wirklich wünschen, dass diese Zahl dieses Jahr steigt, insbesondere beim Almanach, da wir viele neue Seiten dokumentiert haben, die wir hinzufügen und aktualisieren müssen.
Ich wünschte fast, unsere URLs hätten Jahre, denn ich habe immer noch keine Möglichkeit, die Analysedaten so zu filtern, dass nur Daten von Inhalten angezeigt werden, die dieses Jahr *veröffentlicht* wurden. Ich kann die beliebtesten Sachen des Jahres sehen, aber das ist unabhängig davon, wann sie veröffentlicht wurden, und das wird von den großen Anleitungen dominiert, die wir seit Jahren haben und aktuell halten.
Interessanterweise ist Flexbox immer noch unsere Top-Anleitung, aber die *Suchen* nach der Grid-Anleitung liegen nur knapp dahinter. Es hängt jedoch von der Quelle ab. Ich kann Daten für die On-Site-Suche über WordPress.com (via Jetpack) sehen, die Grid-Suchen bei etwa 30% weniger als Flexbox zeigen. Google Analytics zeigt sie bei etwa 60% weniger, was Google-Suchen wären, die auf CSS-Tricks enden. Trotzdem sind dies die beiden beliebtesten Suchbegriffe, On-Site und Off-Site. Ab Platz 3: svg, border, position, animation, underline, background, display, transition, table, button, uppercase, css, bold, float, hover, transform.
Das gefällt mir! Die Leute landen auf der Seite und suchen nach grundlegenden CSS-Konzepten und finden hoffentlich, was sie brauchen.
Die Seitensuche war eine ziemliche Reise. Die native WordPress-Suche reicht für eine so große Seite nicht aus. Lange Zeit habe ich die Google Custom Search Engine verwendet, was gut ist, weil sie so gut wie Google ist, aber schlecht, weil sie schwer schön zu gestalten ist und mit Anzeigen übersät ist, die nicht genug Geld einbringen, um sich zu lohnen, und zu teuer sind, um sie zu entfernen. Letztes Jahr habe ich eine Weile Algolia verwendet, was ein fantastisches Produkt ist, aber ich musste mehr Entwicklungsaufwand hineinstecken, als ich damals konnte. Jetzt bin ich wieder bei der WordPress-Suche, aber powered by Jetpack, was die Leistung von Cloud-gehostetem Elasticsearch bringt, was ziemlich cool ist. Das bedeutet, ich habe native WordPress-Vorlagen- und Styling-Kontrolle sowie viel Anpassungsmöglichkeiten.
Suche ist auch faszinierend, da sie 81 % der Wege darstellt, wie Leute zu CSS-Tricks gelangen. Das ist besonders interessant, da es bedeutet, dass das Wachstum der Seitenaufrufe nicht unbedingt von der Suche stammte, da wir letztes Jahr 86 % des Traffics von der Suche hatten, ein voller 5 % weniger. Das Wachstum kam aus anderen Bereichen so stark, dass es die Suche verdrängte.
Alle Social-Media-Kanäle zusammen machen 2 % aus. Ich werde jedes Jahr um diese Zeit daran erinnert, wie viel Zeit und Energie wir in soziale Medien investieren und dass es vielleicht klug wäre, einen Teil dieser Energie auf Inhalte auf der Website zu verlagern, da dies wesentlich besser ist, um mehr Menschen zu helfen. Nicht, dass ich soziale Medien nicht genieße. Sicherlich haben wir unzählige Ideen für Beiträge und Inhalte für diese Beiträge durch die Teilnahme an sozialen Medien erhalten.
Ein interessanter Anstieg war der direkte Traffic. 9 % der Besuche in diesem Jahr waren direkt, gegenüber nur 5 % im letzten Jahr. Und der Referral-Traffic lag bei 7 %, gegenüber 5 %. Die sozialen Medien blieben stabil, sodass wir wirklich mehr Leute haben, die direkt auf die Seite kommen, und mehr Links von anderen Seiten zu verdanken haben für den Anstieg des Traffics.
Apropos soziale Medien: Wir haben dieses Jahr @CSS auf Twitter bekommen, und das hat Spaß gemacht. Ich hätte gedacht, dass es die Wachstumsrate der Follower erhöht hätte, aber das scheint nicht der Fall zu sein.

Wir tun kaum etwas mit Facebook, außer sicherzustellen, dass neue Inhalte dort gepostet werden. Das fühlt sich manchmal wie eine verpasste Gelegenheit an, da es dort mehr Leute gibt als in jedem anderen sozialen Netzwerk der Welt. Aber soweit ich das beurteilen kann, ist es in Entwicklergemeinschaften nicht besonders groß. Ganz zu schweigen davon, dass Facebook ständig dabei erwischt wird, zwielichtige Dinge zu tun, was mich persönlich davon abhält.
Wir hatten ein bemerkenswert konsistentes Jahr mit dem CSS-Tricks Newsletter, der jede Woche veröffentlicht wurde. Robin Rendle arbeitet jede Woche hart daran. Wir begannen das Jahr mit 31.376 Abonnenten und schlossen mit 39.655. Das ist also ein Anstieg von etwa 8,5 Tausend, gegenüber dem Anstieg von 10 Tausend im letzten Jahr. Es ist immer noch ein gutes Wachstum, und ich vermute, dass wir nächstes Jahr ein viel besseres Wachstum sehen werden, da das neue Website-Design die Werbung besser macht und wir Pläne haben, die Erstellung und Anzeige auf dieser Website zu verbessern.
Wenn die Nachrichten über Edge auf Chromium Sie beunruhigt haben, dass Chrome ein zu dominierender Browser werden würde… nun, Edge hat das noch nicht getan und Chrome ist bereits ziemlich dominant, insbesondere auf dieser Seite. 77 % des Traffics entfallen auf Chrome, 11 % auf Firefox, 6 % auf Safari, etwa 1,5 % jeweils auf IE und Edge, und der Rest verteilt sich auf 836 weitere identifizierte Browser.
61 % Windows, 22 % Mac, 7 % Linux, 7 % Android, 3 % iOS und der Rest verteilt auf 42 bekannte Betriebssysteme.
Die geografische Verteilung des Traffics ist konstant geblieben. Die Vereinigten Staaten führen mit 22 %, Indien mit 13 %, Großbritannien mit 5 %, Deutschland mit 4 %, Kanada, Frankreich und Brasilien mit 3 %, Russland, Australien, Niederlande, Spanien, Polen, Italien, Ukraine, China, Philippinen mit 2 % und der Rest verteilt auf über 240 weitere identifizierte Länder.
Eine weitere überraschende Wendung in diesem Jahr war der mobile Traffic. Internetweit glaube ich, dass wir den Wendepunkt überschritten haben, bei dem mehr als die Hälfte des gesamten Traffics von mobilen Geräten stammt. Auf dieser Seite lagen wir viele Jahre lang nur bei 2 oder 3 %. Letztes Jahr waren es 6 %, ein großer Sprung, und dieses Jahr sind es jetzt 10 %. Ich vermutete immer, dass der Hauptgrund für die niedrigen Zahlen die Tatsache war, dass diese Seite in Verbindung mit aktiver Entwicklung genutzt wird, und aktive Entwicklung ist immer noch eine desktop-dominante Aufgabe. Dennoch wächst sie, und die Wachstumsrate wächst ebenfalls.
Es gab 3.788 genehmigte Kommentare in diesem Jahr, gegenüber 5.040 im letzten Jahr. Wir genehmigen alle Kommentare seit einiger Zeit manuell. Wir moderieren schon immer, aber die Notwendigkeit, sie vorher zu genehmigen, verlangsamt die Kommentaraktivität und führt zu insgesamt weniger. Ich schätze, dass vielleicht 50-60 % der Nicht-Spam-Kommentare genehmigt werden. Für mich absolut lohnenswert, um eine positive Atmosphäre hier aufrechtzuerhalten. Ich vermute auch, dass der Hauptgrund für weniger Kommentare einfach darin liegt, dass die Leute viel mehr ihrer Gespräche über soziale Medien führen. Ich bin sicher, wenn wir Gespräche in sozialen Medien im Zusammenhang mit unseren Veröffentlichungen verfolgen würden (irgendwie), wäre das gestiegen.
Unser Kommentarsystem ist auch furchtbar altmodisch. Ich würde mir ein System wünschen, das Konten, Kommentarbearbeitung, Social Login, einen schicken Editor, Markdown und alles andere ermöglicht, aber ich wurde bisher von nichts überzeugt.
Das Kontaktformular auf der Seite hat die ID Nr. 21458 erreicht, also haben wir dieses Jahr 1.220 Nachrichten darüber erhalten.
Zielüberprüfung
❌ Etwas in einem neuen Format veröffentlichen. Hinter den Kulissen haben wir tatsächlich grundlegende Arbeiten geleistet, um dies zu ermöglichen, daher bin ich optimistisch, was die Möglichkeiten angeht. Aber wir haben nichts veröffentlicht. Das Nächstliegende, was wir getan haben, ist die Organisation von Inhalten in Guides, was für uns ein etwas neues Format ist, das ich ebenfalls weiterentwickeln möchte.
✅ Mehr redaktionelle Vision. Ich denke, wir sind nah genug herangekommen, um dies als Erfolg zu bezeichnen. Wir haben viele Themenwochen gemacht. Wir haben Inhalte, die thematisch zusammenhängen, immer gruppiert. Unsere Linkbeiträge wurden besser darin, referenziell und topisch zu sein. Wir haben die Nachrichten immer noch gut abgedeckt. Ich denke, wir sollten weiter im Voraus planen, damit wir größere Ideen umsetzen können.
✅ Interessante Sponsoringpartner. Ich denke, das haben wir hier geschafft.
❌ Eine weitere sehr beliebte Seite erstellen. Wir sind am besten, wenn wir wirklich starke, nützliche referenzielle Inhalte erstellen. Wenn wir es wirklich gut machen, erstellen wir Seiten, die für die Leute sehr nützlich sind, und das ist ein Gewinn für alle. Ich bin mir nicht sicher, ob wir dieses Jahr eine durchschlagende Super-Popular-Seite hatten, also werden wir nächstes Jahr darauf abzielen.
Neue Ziele
Dieses neue Design polieren. Dies ist mit Abstand die meiste Zeit, Mühe und Geld, die seit dem großen v10-Design in ein Redesign geflossen sind. Es gibt viele ästhetische Änderungen, aber auch eine ganze Menge UX-Arbeit, Ausrichtung auf Geschäftsziele, Workflow-Anpassung und Backend-Entwicklungsarbeit, die damit einhergingen. Ich möchte daraus Nutzen ziehen, indem ich es nicht einfach ruhen lasse, sondern es über einen längeren Zeitraum verfeinere.
Verbesserung der Newsletter-Veröffentlichung und -Anzeige. Wir haben unseren Newsletter über MailChimp verschickt, was ein großartiges Produkt ist, aber im Laufe der Jahre war es für uns gut, so viel wie möglich unter das WordPress-Dach zu bringen. Ich denke, wir können eine ziemlich gute Newsletter-Erstellungserfahrung direkt in WordPress schaffen und sie dann weiterhin über MailChimp über einen speziellen RSS-Feed versenden. Das wird einige Arbeit erfordern, aber es sollte zu einem besseren Newsletter führen, der bequemer zu produzieren und hier auf der Website einfacher zu integrieren ist.
Die Messlatte für Qualität höher legen. Ich wäre glücklich, wenn die Anzahl der von uns veröffentlichten Beiträge sinken würde, wenn wir die Qualität steigern könnten. Nichts gegen die Arbeit unserer Autoren, die bereits verfügbar ist, aber ich denke, wir alle erkennen super-hochwertige Artikel, wenn wir sie sehen, und ich möchte diese Marke öfter erreichen. Wenn das bedeutet, dass Beiträge mehr Zeit in der Redaktion verbringen und wir etwas anspruchsvoller sind, was wir sehen wollen, werden wir das tun.
Bessere Guides. Es gibt zwei Arten von Guides: "Complete Guides" wie unsere Flexbox- und Grid-Guides (um nur einige zu nennen) und "Guide Collections", die handverlesene, handgeordnete und handgepflegte Guides zu einem Thema sind, wie unser Anfänger-Guide. Als Seite mit *unzähligen* Inhalten aus über einem Jahrzehnt gefallen mir diese als Möglichkeit, sicherzustellen, dass die besten Dinge ein richtiges Zuhause haben und wir *Gruppen* von Menschen und *Themen* auf starke Weise bedienen können.
VIELEN DANK!
💙💚💛🧡❤️💜💙💚💛🧡❤️💜💙💚💛🧡❤️💜💙💚💛🧡❤️💜💙💚💛🧡❤️💜💙💚💛🧡❤️💜💙💚💛🧡❤️💜💙💚💛🧡❤️💜💙💚💛🧡❤️💜💙💚💛🧡❤️💜
Wieder einmal machen Sie diesen Ort möglich.
Ich liebe das neue Design, das beste bisher!
Das neue Design ist unglaublich. Ich finde, es ist eine fantastische Verbesserung gegenüber dem vorherigen.
Ich liebe das neue Design. Normalerweise hasse ich es, wenn Websites den Scrollbalken ändern, aber Sie haben es perfektioniert. Ich denke, Sie sollten auch das Forum neu gestalten https://i.imgur.com/EfLCD0P.png
Lustig. Die Änderung des Scrollbalkens ist das Einzige, was mir nicht gefällt. Vergreife dich nicht an der Benutzeroberfläche meines Browsers.
Die Seite ist wirklich spaßig zu navigieren. Tolle Arbeit!
Tolles Design!
Was für ein großartiger Start ins neue Jahr 2019. Ein frisches neues CSS-Tricks.
Danke, Team!
Das neue Design ist so inspirierend! Liebe es
Danke, dass du mir fast jeden Tag geholfen hast!
Chris, dieses neue Design ist ziemlich großartig! Schön zu sehen, dass CSS-Tricks wächst!
Killer-Design
Danke ebenfalls!
Ein gutes neues Jahr
Hallo, erster Kommentar hier,
Ich bin ein Front-End-Student aus Frankreich und habe meine Fähigkeiten mit css-tricks entwickelt (entwickle sie), also vielen Dank für Ihre tolle Arbeit und ich wünsche Ihnen ein frohes neues Jahr voller Liebe :)
Ich mag das neue Design wirklich. Gut gemacht!
Was für ein wirklich aufregendes Redesign. Es fühlt sich an, als gäbe es viel zu entdecken, und es ermöglicht die Entdeckung besser als die alte Seite.
Frohes neues Jahr – danke für all die Inspiration!
Die neue Seite sieht großartig aus. Zur Info: Die Position des Suchsymbols ist unter Firefox fehlerhaft, aber ich bin sicher, dass die kleinen Dinge mit der Zeit ausgebügelt werden.
Wäre die Verwendung von benutzerdefinierten Variablen in GA eine Option, um das Veröffentlichungsjahr einzelner Beiträge/Seiten zu verstehen? Es ist nicht mein Fachgebiet, aber ich stelle mir vor, dass es einen Weg gäbe?
Oh mein Gott, dieses neue Design ist der Hammer! Wirklich mein Favorit bisher, bei weitem (seit dem mit dem Schmied übrigens – Scherz). Mach weiter so mit der großartigen Arbeit, Chris und Team. Alles sehr gut gemacht tatsächlich! :)
Wow, das ist herausragend!
Wow! Dieses neue Aussehen gefällt mir sehr gut. Glückwunsch!
Ich bin sicher, die meisten von uns werden das Inspektor-Tool in unserem Browser verwenden, um zu sehen, wie die Dinge funktionieren. Das liegt in unserer Natur, hehe
Dieses neue Design ist erstaunlich. Ich liebe die Liebe zum Detail an einigen Stellen, es fühlt sich wirklich schick an.
Beeindruckender neuer Look! Frohes neues Jahr.
Ich möchte nur sagen, ein tolles neues Design! Ich war kein großer Fan des vorherigen Designs, aber dieses neue ist fantastisch. Danke für all die Arbeit, die Sie leisten!
Was für eine fantastische Art, das Talent des CSS-Tricks-Teams zu präsentieren. Ich beginne jeden Tag damit, die Seite zu überprüfen, und was für eine Überraschung.
Liebe das Design! Neuer Abonnent hier :)
Fantastisches neues Design! Liebe es! Das letzte war nicht so toll.
Ich bin inspiriert, 2019 aktiver zu sein. Ich genieße diese Community wirklich.
Großartige Arbeit am neuen Design. Insgesamt ist es eine schöne Auffrischung, die nicht zu anders oder desorientierend ist als die vorherige. Die Informationen stehen immer noch im Vordergrund, die Farbpalette ist mit dem Pink-Orange-Verlauf und den gesättigten Farben, die auf dem dunklen Hintergrund neonartig erscheinen, wirklich spaßig. Es hat eine sehr Retro-Zukunfts-Vibes, was perfekt zum Thema passt. Ich liebe die Behandlung von Hero-Bildern, die gerade sichtbar sind und in das Schwarz übergehen, und das Echo davon auf den Artikelarchiv- und Startseiten.
Was mir nicht gefällt, ist die Art und Weise, wie die Artikeltitel und Metadaten so von den Artikeln selbst getrennt sind. Es ist in Ordnung, sie im Header/Hero-Bereich zu haben, aber die Werbefläche und die Teilen-Buttons in einer Leiste dazwischen sind besonders abstoßend für mich.
Verdammt, zu viele Änderungen, bringt bitte das alte Thema zurück.
Ich besuche CSS-Tricks jeden Tag (seit mehr als 1 Jahr), jetzt kann ich die gesuchten Informationen nicht mehr finden, ich denke, diese Art von Änderungen ist nicht benutzerfreundlich.
Vielleicht solltet ihr eine Sache nach der anderen ändern, zuerst die Farbe und dann die Position des Elements, Animationen und…
Fantastisches Design! Chris.. es ist sehr inspirierend..
Glückwunsch zu den Zahlen!
Ich mag dieses neue Design ziemlich gut, der dicke Scrollbalken hat mich ein bisschen zum Kichern gebracht, aber er ist schön. Ich bin froh, dass wir uns nicht mehr mit einem WordPress-Konto anmelden müssen, um zu kommentieren (ich habe es selten benutzt und konnte das Passwort nicht mehr vergessen), aber sind Sie sicher, dass Disqus kein guter Kandidat ist? Sicher, es hat kein Markdown, aber es *hat* HTML und Code-Hervorhebung.
Der Website-Scrollbalken ist wirklich gut, aber im Kommentarbereich ist er komplett dunkel
Ich liebe das neue Design! Der einzige Kritikpunkt, den ich habe, ist die Einfassung am Scrollbalken-Daumen, da alles andere flach ist.
Es wäre interessant zu wissen, was 2015 passiert ist, um diesen massiven Rückgang des Traffics zu verursachen, wurde der Analysecode vorübergehend entfernt?
Ich liebe das neue Design von 2019!
Ich LIEBE das Design. Das ist, was man mit "css-tricks" wirklich erreichen kann!
Ich bin so froh, dass Sie viel mehr Potenzial mit CSS nutzen und nicht nur einfache, flache Websites.
Dieses neue Design ist so spaßig und voller entzückender Interaktionen und Mikrointeraktionen. Sie haben großartige Arbeit geleistet, indem Sie sowohl das visuelle Design als auch die allgemeine UI und Benutzererfahrung verbessert haben. Ich liebe es, wie gut die Dinge hervorgehoben sind und es einen Fokus auf Barrierefreiheit gibt. Eines meiner Lieblingsteile ist die Hover-Animation auf den Artikelkarten – liebe ich! Schöne Farben und Typografie ebenfalls. Machen Sie weiter so mit der großartigen Arbeit!
Ich liebe das neue Design, ich schätze sehr, wie es Ihre Reseller-Anzeigen anzeigt. Sie sind auffällig, aber nicht aufdringlich und ergänzen den Rest des Designs. Sehr inspirierende Arbeit!
Absolut liebe das neue Design auch… Die Verläufe auf den Schaltflächen sind großartig… Der benutzerdefinierte Scrollbalken ist ebenfalls eine nette Geste…
Liebe Design!
Gleichfalls, Chris. Das heißt: Danke!
Folge deinem Bauchgefühl. Bleib weg von zwielichtigen Dingen;) Und meistere das Front-End. Schreibe weniger. Sage mehr.