GOSH! Vergehen die Jahre nicht schnell? Es ist wieder soweit, „Danke!“ zu sagen. Ich bin dankbar für die CSS-Tricks-Community: Ihr lest, helft mir und helft euch gegenseitig, in unserem Handwerk besser zu werden. Es sind Sie alle, die diese Seite zu dem gemacht haben, was sie heute ist. Wir werden jedes Jahr etwas sentimental, falls Sie mitzählen.

Statistiken
72 Millionen Seitenaufrufe in diesem Jahr, definitiv ein Rekordjahr für den Traffic! Ich bin mir nicht sicher, ob diese Zahl jemals besonders nützlich war, aber ich habe viele historische Daten dazu und habe seit Beginn nicht grundlegend geändert, wie die Seite Seiten lädt, daher ist es interessant, sie zu beobachten. Im Jahr 2014 stiegen die Seitenaufrufe gegenüber 2013, aber nur sehr geringfügig. Der Sprung von 67 auf 72 in diesem Jahr ist eine stärkere Wachstumsrate, was 👍 ist. Vielleicht etwas interessanter als Seitenaufrufe sind die Google Analytics Sitzungen (gestiegen auf 51.295.017 von 40.669.356 im letzten Jahr) und Nutzer (gestiegen auf 21.006.594 von 17.052.187 im letzten Jahr).
Ich schätze, wir haben es uns irgendwie verdient, denn wir haben 378 Beiträge in diesem Jahr veröffentlicht, was genau 100 mehr sind als im letzten Jahr. Eine schöne kleine Steigerung des Publikationsvolumens. Natürlich streben wir keine hohe Anzahl an Beiträgen an; aber dazu später mehr.
Die Quelle des Traffics ist 86 % aus der Suche. 5 % direkt, 5 % Verweis und 4 % soziale Medien. StackOverflow führt die Verweise mit etwa 1/4 davon an. Ironischerweise, trotz des erheblichen Zeit- und Energieaufwands, den wir in soziale Medien investieren, sind diese die kleinste Traffic-Quelle für CSS-Tricks. Dennoch mögen wir die Social-Media-Communities und ihre Gespräche sind unterhaltsam und grundsätzlich nützlich.
Die Kommentaraktivität ist rückläufig. 5.864 Kommentare zu Blogbeiträgen in diesem Jahr (insgesamt 79.836), verglichen mit 8.920 im letzten Jahr und 11.000 im Jahr davor. Sogar die Forenaktivität ist rückläufig mit 2.440 neuen Themen, die im Vergleich zu 4.020 im letzten Jahr gepostet wurden, und 9.420 Antworten auf diese Themen, verglichen mit 20.120. Diese Statistiken scheinen mit anderen digitalen Publikationen wie unserer übereinzustimmen. Es gibt immer noch viel Diskussion hier, aber etwas weniger. Gespräche finden heutzutage überall statt und, wie es mir scheint, eher privat.
Im Allgemeinen finden Gespräche auf Social-Media-Seiten statt. @Real_CSS_Tricks auf Twitter hat 90.000 Follower dazugewonnen und stieg in diesem Jahr auf 250.000 von 160.000 im letzten Jahr. Das ist ein so großer Schub, dass ich denke, irgendein Twitter-Algorithmus schlägt ihn stark vor, da wir nicht viel Werbung zur Unterstützung dieses Kontos machen. Facebook gibt 59k Likes an. Ich habe keine Zahl für letztes Jahr, also müssen wir dieses Wachstum im nächsten Jahr verfolgen.
Der meiste Traffic kommt aus den Vereinigten Staaten, aber das sind weniger als ein Viertel des Kuchens mit 24 %. Die nächstgrößte Quelle ist Traffic aus Indien mit 11 %, dann Großbritannien mit 7 %, dann Deutschland und Kanada mit jeweils 4 %. Dann geht die Liste weiter und weiter mit 2 % und weniger Ländern. CSS-Tricks ist eine sehr internationale Seite!
Unsere mobilen Traffic-Zahlen sind auf CSS-Tricks so seltsam. Wir lagen 2013 bei 6 %, dann 2014 bei 3 % und 2015 bei 4 %. Offenbar sind wir keine Seite, die viel mobile Aktivität aufweist.
Wir haben 1.621 Nachrichten über das Kontaktformular erhalten.
Ich habe 8 (kostenlose) Video-Screencasts aufgenommen, eine Anzahl, die höher ist als die 5, die ich letztes Jahr gemacht habe.
Ich habe es dieses Jahr nicht geschafft, einen neuen Kurs für The Lodge fertigzustellen. Stattdessen haben wir Office Hours (einen neuen Teil von The Lodge) gestartet, was wie *Live*-Videos ist (die man in Echtzeit ansehen und Fragen stellen kann, dazu später mehr). Wir hatten 59 Sitzungen mit 7 verschiedenen Lehrern. Es gibt 42 Lodge-Mitglieder, die unserem Slack-Kanal beigetreten sind, der eine Quelle für gute Gespräche und Ressourcen war.
Fünf beliebteste beliebte Seiten
- Ein vollständiger Leitfaden zu Flexbox
- Perfekte vollflächige Hintergrundbilder
- Media Queries für Standardgeräte
- SVG verwenden
- Sanftes Scrollen
Meilensteine
Ein paar
- Aufstockung des Personals! Dies ist das erste Jahr, in dem CSS-Tricks ein vollständiges Team inklusive Teilzeitautoren hat. Großer Dank gebührt auch Sara Cope, Dee Gill, Sarah Drasner, Geoff Graham, Rob MacKay, Marie Mosley, Robin Rendle, Lara Schenck, Rob Wierzbowski. Wir haben sogar unsere ersten Alumni: Andy Adams.
- Office Hours! Wie oben erwähnt, ist dies ein neuer Bereich von The Lodge. Letztendlich ist die Idee, mehr Möglichkeiten für unsere Community zu schaffen, um *Hilfe* zu finden. Wir sollten anmerken, dass wir das Format von Office Hours noch entwickeln und weiterentwickeln. Im kommenden Jahr planen wir, mehr Code-Pairing-Videos zu erstellen, bei denen eine Person aktiv eine andere unterrichtet. Ich stelle mir vor, dass wir einige davon kostenlos und die meisten als exklusiven Vorteil für Mitglieder von The Lodge veröffentlichen werden.
- Eine kleine Sache: Wir haben den **Shop konsolidiert**. Wir haben ihn mit WooCommerce zum Laufen gebracht und ihn auch zum Store für CodePen und ShopTalk gemacht, was die Dinge für uns vereinfacht.
Zielüberprüfung
Investieren Sie viel mehr zurück in die Seite.
Erledigt. Es gibt jetzt eine legitime Gehaltsabrechnung für diese Seite. Und infolgedessen mehr Output und mehr Traffic. Dies erlaubt mir, mich weiterhin auf CodePen zu konzentrieren, während diese Seite in guten Händen ist.
Geschäfte sind Geschäfte.
Erledigt. 90 %+ des Einkommens dieser Seite stammen aus Werbung. Ich denke, wir haben eine gute Balance gefunden, Werbung zu haben und ehrlich und geschmackvoll damit umzugehen. Zumindest empfinde ich das so, Sie sind der wahre Richter. Wir machen drei Dinge:
- Ein Hauptsponsor. Dieses Jahr wird es Media Temple sein, was fantastisch ist, weil ich sie beide für Webhosting nutze und empfehle.
- Gesponserte Beiträge. Verkauft über Syndicate Ads. Sie erscheinen höchstens einmal pro Woche und nur für Unternehmen, die ich persönlich genehmige und für die ich eine Audio-Empfehlung abgebe.
- Display-Anzeigen. Die Handvoll davon wird über BuySellAds verkauft.
Aus meiner Sicht: nichts unehrliches, kein "Tracking" oder anderer irreführender JavaScript, nichts überwältigendes, aber genug, um die Seite zu erhalten.
Reisen sollte Spaß machen.
Meistens erledigt. Ich fühle mich immer noch ein wenig überreist und obwohl ich versuche, meine Konferenzvorträge zurückzufahren, wird das Reisen für CodePen-bezogene Dinge zunehmen. Ich muss mich wohl einfach mit dem Reisen abfinden, anstatt dagegen anzukämpfen.
Neue Ziele
- Entwickeln Sie neues und starkes Referenzmaterial für die CSS-Tricks-Community. Es ist offensichtlich aus Analysen und Feedback, dass die Beiträge tief auf ein Thema ausgerichtet sind, das unmittelbar relevant und ein direkt wichtiges Thema in unserem Bereich ist. Ihre Aufmerksamkeit dafür macht unsere Bemühungen lohnenswert. Also, mehr davon.
- Mehr Fokus auf die Entwicklung der "Stimme" von CSS-Tricks. Während das Seitenaufrufvolumen unserer Seite erheblich gestiegen ist und viele weitere Einzelpersonen darauf publizieren, möchte ich sicherstellen, dass der Gesamtton und die Stimme von CSS-Tricks die Werte beibehalten, die wir schätzen: Freundlichkeit, Nachdenklichkeit, immer hilfsbereit sein, Verständnis und das konsistente Gefühl, dass wir "alle in diesem Boot sitzen".
Bis ins Unendliche
Ich bin ein glücklicher Kerl.
Es tut mir so gut, wenn Sie sich die Zeit nehmen, mir zu erzählen, wie nützlich diese Seite für Sie war, dass Sie sich oft auf ihre Inhalte beziehen, dass Sie eine Karriere für sich gefunden haben, dass einige von Ihnen die Richtung Ihrer beruflichen Leben geändert haben: Ihre Gefühle enthalten ziemlich starke Inhalte.
Ich sage das Gleiche zurück: Diese Seite hat mir durch Sie alles gegeben. Prost und einen guten Rutsch ins neue Jahr.
Du bist spitze Chris, ich verfolge deine Arbeit seit 2-3 Jahren und du beeindruckst mich immer wieder mit deiner Arbeitsqualität. Ich unterrichte eine Webentwicklungs-Klasse für meine Community „Mansoura Freelancers“, und deine Website war eine der wichtigsten starken CSS-Ressourcen, die wir verwendet haben. Du hast das verdient… Bitte mach weiter so mit deiner wunderbaren Arbeit.
Herzlichen Glückwunsch Chris. Du verdienst viel Anerkennung für die Ressource, die du geschaffen hast. Ich besuche CSS Tricks seit fast dem Anfang, und es hat wesentlich zu meiner Wissensbasis beigetragen. Auf ein weiteres Jahr!
Wie deine Analysen zeigen, kommentiere ich normalerweise nicht zu solchen Dingen, aber ich nutze CSS-Tricks (und jetzt Codepen) seit viel zu vielen Jahren, um nicht individuell anzuerkennen, was für eine absolut unschätzbare Ressource diese Seiten für mich waren und wie sehr deine Nachdenklichkeit und Begeisterung wirklich unterstreichen, was sie so großartig macht.
Vielen Dank für alles, was Sie tun, Chris. Ich kann es kaum erwarten zu sehen, was 2016 bringt.
Gut gemacht, Chris und Team.
Ich sage dir etwas: Die StackOverflow-Community wäre ohne CSS-Tricks.com nicht so erfolgreich. Punkt.
Danke, danke, danke für alles, was Sie und das Team tun.
Gut gemacht, Chris! Ich besuche diese Seite täglich, sie ist leicht eine der besten CSS-Ressourcen da draußen. Was noch wichtiger ist, ich weiß, dass ich den Infos, die ich hier lese, **vertrauen** kann, was super wichtig ist.
Ich schätze wirklich all die Mühe, die Sie und das Team in CSS-Tricks stecken – auf ein erfolgreiches Jahr 2016.
Es ist wirklich toll zu sehen, dass die Seite weiterhin ein Erfolg ist, Chris, besonders da sie jetzt anscheinend eine großartige Plattform für Sie ist, um weiterhin andere großartige Dienste für die Community anzubieten, wie Code Pen, Konferenzvorträge und Shop Talk.
Ich bin sicher, 2016 wird das beste Jahr werden.
Chris, ich denke, Ihr überraschend niedriger %-Anteil mobilen Traffics könnte mit der Art und Weise zusammenhängen, wie die Seite auf mobilen Geräten funktioniert. Ich hatte jahrelang damit Probleme und lese sie jetzt fast ausschließlich über RSS auf meinem Handy. Ich habe ein iPhone 4 (ich weiß, richtig?) und scheine tausende Pixel vertikales Scrollen zu haben, und das schon seit einiger Zeit. Wenn überhaupt, zwingt es mich, die Seite mehr auf meinem Laptop zu lesen :D
Scott hat Recht, ich kann die CodePen-Homepage auf keinem mobilen Safari-Browser aufrufen, sie stürzt sofort ab und schickt dich zurück zum Startbildschirm. Das ist ärgerlich, wenn man versucht, einen Pen zu testen.
Es gibt mehrere Fehler im Umlauf, was mobile Safari beim Umgang mit calc, einigen -webkit-Präfixen, einigen Media Queries und einigen Übergängen angeht. Ich stelle mir vor, dass zu jeder Zeit einige oder alle dieser Codefragmente auf der Startseite von CodePen zu finden sind.
Kurz gesagt: Ich konnte noch nie eine CodePen-Seite in einem mobilen Safari-Browser aufrufen; ich muss Chrome benutzen.
Ein wenig Lektüre (selbst die alten Beiträge scheinen noch korrekt zu sein)
http://www.elfboy.com/blog/mobile_safari_crashes_with_css_transition_and_calc
https://stackoverflow.com/questions/19130896/css3-transition-vendor-prefixes-crashes-safari-immediately
Ich liebe diese Seite, liebe diesen Beitrag und liebe eure Ethik. Völlig inspiriert von eurem Team und fühle eine riesige Dankbarkeit gegenüber euch allen. Alles Gute dieses Jahr, 2016!
Glückwunsch, Chris! CSS-Tricks.com ist meine erste Anlaufstelle, wenn ich HTML, CSS usw. lerne und unterrichte. Mach weiter so großartige Arbeit und weiterhin Erfolg, während du zu einer noch größeren und besseren Ressource wirst!
2015 wurde ich endlich CodePen Pro-Mitglied und es war fantastisch. Ich weiß nicht, was Sie in diese Seite stecken, um sie so köstlich zu machen, aber ich bin ziemlich sicher, dass die DEA es wissen muss! ;D
Danke, dass Sie eine so großartige Seite mit der Unterstützung einer fantastischen Community geschaffen haben.
(später Kommentar): Danke *dir*, Chris! Du hast CSS und Webdesign für diesen Backend-Coder unterhaltsam und interessant gemacht.
Übrigens, die meisten Leute, die ich kenne, sehen deine Website mobil über einen RSS-Reader wie Feedly usw. – zählst du diese Statistiken?