Ist es Herbst? Winter? Ich weiß es nicht, aber ich bin heute Morgen mit Schnee vor der Haustür aufgewacht und hatte das Gefühl, es sei an der Zeit, ein kleines Update darüber zu schreiben, was in diesem Monat bei CSS-Tricks passiert ist, wie wir es ja von Zeit zu Zeit tun.
Zuerst einmal der CSS-Tricks Newsletter! Nach Monaten der Pause fühlen wir uns langsam wieder im Rhythmus. Die letzte Ausgabe ging Ende Oktober raus. Das ist der dritte Monat in Folge, in dem wir ihn verschicken konnten, was ich als großen Erfolg für die Konsistenz bezeichnen würde. Nein, es ist nicht der wöchentliche Rhythmus, den wir früher hatten, aber das ist etwas, was wir anstreben, während sich unser Team weiter etabliert.
Apropos, wir haben ein neues Teammitglied! Wir haben Andrea Anderson an Bord geholt. Sie ist eine etablierte technische Redakteurin und wir haben riesiges Glück, dass sie hier ist. Während sie von Zeit zu Zeit an einem CSS-Tricks-Artikel arbeiten mag, liegt ihr Hauptaugenmerk auf der Erstellung von Inhalten, die in die Community-Website von DigitalOcean integriert werden.
Oh, und wo wir gerade beim Thema Community von DigitalOcean sind, schaut euch diesen Developer Markepear-Beitrag an, der tief in den Schreibprozess von DigitalOcean eintaucht. Ernsthaft, es ist ein unglaublich tiefer Einblick, der sich mit der Gliederung und Struktur von Tutorials, der Benutzerfreundlichkeit der Tutorial-Archive und sogar dem feinen Zusammenspiel zwischen Inhalt und Werbung in jedem Artikel beschäftigt.
Ich mag wirklich, wie die Tutorials von DigitalOcean als "give-first"-Inhalte beschrieben werden, die "viel Wert" ausstrahlen. Das spricht Bände über die Arbeitsmoral des Teams, die ich persönlich als erstklassig bezeichnen kann. Das ist wirklich der Grund, warum DigitalOcean und CSS-Tricks gut zusammenpassen.
Werbung ist uns im Moment auch sehr wichtig. Als wir letzten Monat eine Umfrage durchführten, wussten wir, dass es Bedenken geben würde, wie sich die Anzeigen von CSS-Tricks nach der Übernahme durch DigitalOcean auswirken würden. Würden wir sie entfernen? Würden sie sich alle um DigitalOcean drehen? Würden wir alles so belassen, wie es ist? Ich meine, CSS-Tricks hat sich traditionell auf ein Werbemodell verlassen, um die Lichter am Laufen zu halten, aber jetzt, wo es von einem Unternehmen unterstützt wird, wie sehr müssen wir uns überhaupt auf Werbung verlassen?
Laut der Umfrage mögen viele von euch die Anzeigen. Sie sind so etwas wie Produktempfehlungen, die in die Website integriert sind, und ich denke, das ist ein Beweis für Chris' Bemühungen, sicherzustellen, dass Anzeigen (1) gute Dinge bewerben und (2) für die Frontend-Arbeit, die wir leisten, relevant sind. Ein Beispiel: Wir haben kürzlich eine Reihe von DigitalOcean-Anzeigen durch Cloudways-Hosting ersetzt, nachdem DigitalOcean es übernommen hatte. Diese Anzeigen schnitten nicht gut ab, also haben wir die DigitalOcean-Anzeigen wieder reingebracht, die bereits gut liefen.
(Das beworbene Angebot ist übrigens ziemlich gut... 200 $ kostenlose Guthaben zum Starten Ihres Projekts.)
Die Arbeit zur Migration von CSS-Tricks von WordPress zum selben CMS, das die DigitalOcean Community für ihre Inhalte verwendet, ist noch im Gange. Ein Großteil der Arbeit besteht immer noch darin, WordPress-Inhaltsfelder dem neuen CMS zuzuordnen. Das ist keine triviale Aufgabe, wenn wir über eine Website mit über 7.000 Artikeln aus 15 Jahren sprechen. Das läuft gut, ebenso wie die anfängliche Website-Architektur. Als Nächstes müssen wir herausfinden, wie wir mit WordPress-Blöcken umgehen, deren Funktionen nachbilden und eine Bestandsaufnahme von allem erstellen, was wir übertragen müssen. Puh!
Neue Gesichter!
Wie immer begrüßen wir jeden Monat ein paar neue Gesichter auf der Website, da wir mit neuen Gastautoren zusammenarbeiten. Diesen Monat hießen wir Krzysztof Gonciarz und Lorenzo Bonannella willkommen. Schauen Sie sich ihre Artikel an und geben Sie ihnen ein High Five dafür, dass sie ihre Arbeit teilen. Das Schreiben erfordert viel Arbeit, ganz zu schweigen von etwas Mut, seine Ideen anderen Menschen zu präsentieren. Also, vielen Dank, Krzysztof und Lorenzo!
Treffen Sie Mojtaba Seyedi
Ich dachte, ein Gespräch mit einem unserer langjährigen Autoren wäre ein schöner Abschluss für das Update dieses Monats. Und nur wenige Leute haben so viele Artikel zu CSS-Tricks beigetragen wie Mojtaba Seyedi. Vielleicht sehen Sie seinen Namen nicht oft in den Archiven, aber das liegt nur daran, dass er so viel Zeit im Almanach verbringt.
Ich habe Mojtaba ein paar Fragen zu seiner Arbeit gestellt und er hat mir dankenswerterweise diese Antworten gegeben...
Ihr aller erster Artikel bei uns war eine Zusammenfassung von Plugins für den Sublime Text Editor im Jahr 2017. Was hat Sie dazu bewogen, ihn auf CSS-Tricks zu veröffentlichen?
Ich war früher sehr begeistert vom Sublime Text Editor und seinen Plugins. Ich konnte immer ein Plugin finden, um den Schmerz zu lindern, wenn ich es leid war, repetitive Aufgaben zu erledigen. Ich zeigte meinen Kollegen, wie interessant jedes Plugin war, das ich benutzte, und ermutigte sie, es zu verwenden.
Einer meiner Neujahrsvorsätze damals – im Jahr 2017 – war es, einen Artikel auf CSS-Tricks zu veröffentlichen. Ich dachte immer, die Idee sei hochgradig technisch. Es kam mir nie in den Sinn, dass ich einfach eine Liste von Sublime Text Plugins erstellen könnte, die ich zufällig für die Entwicklung nützlich fand! Heutzutage sehe ich, wie die hohe Messlatte, die ich mir gesetzt hatte, mich davon abhielt, über etwas zu schreiben, das ich liebte.
Es gab einen kurzen Moment, in dem ich erwog, den ersten Artikel aufzugeben. Ich hatte mich selbst verrückt gemacht und gedacht, dass es unzählige andere Beiträge gäbe, die genau dasselbe abdecken. Aber aus Neugier habe ich nach einigen der Top-Sublime-Text-Plugin-Beiträgen gegoogelt, und überraschenderweise sah ich keines der Plugins, über die ich schrieb. So habe ich also meinen ersten Artikel auf dieser Website eingereicht!
Sie haben insgesamt 35 Artikel für CSS-Tricks geschrieben, davon 33 im Almanach. Was gefällt Ihnen am Schreiben von technischen Informationen wie diesen?
Almanach-Einträge sind referenzierbar. Wir greifen immer wieder darauf zurück, um die Syntax einer Eigenschaft oder eines Selektors zu überprüfen. Zum Beispiel müssen wir vielleicht zur `background` Kurzschrifteigenschaft gehen, um uns zu merken, ob der `background-position`-Wert vor oder nach dem Schrägstrich (`/`) steht. Referenzen werden niemals alt, deshalb ist der Almanach für mich etwas Besonderes.
In diesem Zusammenhang ist Dokumentation eine Herausforderung. Eine der Herausforderungen beim Schreiben für den CSS-Tricks Almanach ist das Lesen und Verstehen der W3C-Spezifikationen. Zum Beispiel war die CSS-Spezifikation praktisch meine einzige Quelle, als ich über die `mask-border`-Eigenschaft schreiben wollte. Ich musste alle Aspekte dieses Moduls verstehen und wie verschiedene Werte in unterschiedlichen Situationen funktionieren, da es nur wenige Beispiele gab. Ich genieße diese Art von Herausforderung und fühle mich großartig, wenn ich meine Erkenntnisse in etwas Greifbares verwandeln kann, das andere Entwickler verstehen und in ihrer eigenen Arbeit nutzen können.
Es gibt auch die Freude an der Vollständigkeit. Dokumentation ermöglicht es mir, tief in Details einzudringen, die in einem typischen Artikel vielleicht nicht vorkommen. Ich empfinde Befriedigung, wenn ich eine Eigenschaft oder einen Selektor erfassen und in meinen eigenen Worten erklären kann. Der CSS-Tricks Almanach gibt mir diese Möglichkeit.
Was können Sie zum Redaktionsprozess für diejenigen sagen, die ihn noch nicht durchlaufen haben?
Erstens, genießen Sie einen sauberen und einfachen Prozess. Das Redaktionsteam von CSS-Tricks wird Ihnen helfen, ihn zu verbessern und besser zu machen, als Sie es selbst könnten.
Bearbeiten Sie außerdem unbedingt zuerst Ihren Entwurf. Bearbeiten Sie den Artikel immer selbst, bevor Sie ihn einreichen. Je besser Ihre Schreibweise vorbereitet ist, desto mehr Zeit hat der Redakteur, Ihnen bei der Verbesserung Ihrer Arbeit zu helfen. Wenn der Redakteur viel Zeit mit der Korrektur grundlegender Grammatik und Rechtschreibung verbringen muss, ist das Zeit, die hätte genutzt werden können, um die Idee mit Feedback und anderen Überlegungen weiter voranzutreiben.
Und natürlich, lernen Sie aus Ihren Fehlern. Seien Sie offen für das Lernen während des Redaktionsprozesses. Das Redaktionsteam hier ist sehr erfahren und hilfsbereit. Ich versuche, zu überprüfen, was sie in meinem Artikel geändert haben, und setze dies in meinen nächsten Texten um. Ich möchte Geoff für, von dem ich sehr viel über technisches Schreiben gelernt habe, danken.
Haben Sie Tipps für jemanden, der über die Einreichung eines Artikelvorschlags nachdenkt?
Überdenken Sie die Idee nicht. Ihr Artikel muss kein Raketenwissenschaft sein. Alles, worüber Sie gut genug schreiben können, kann anderen hilfreich sein.
Ein weiterer Ratschlag: Unterschätzen Sie sich nicht. Als Chris Coyier die Community einlud, zum CSS-Tricks Almanach beizutragen, sagte ich mir, dass es viel qualifiziertere Leute gäbe, die das tun könnten, obwohl ich Erfahrung mit dem Schreiben von CSS-Dokumenten hatte. Und ja, viele Leute waren (und sind vielleicht immer noch) sachkundiger als ich. Aber wie sich herausstellte, konnte ich Teil davon sein, weil ich bereit war, es zu versuchen.
Ein weiterer wichtiger Punkt ist: Machen Sie sich keine Sorgen, andere zu wiederholen. Ihre Idee muss nicht einzigartig sein. Sie können über etwas schreiben, das andere geschrieben haben, auf eine neue und andere Weise. Ihre Sichtweise und Perspektive zählen! Ihr Lösungsansatz für ein Problem und wie Sie es erklären, kann auf eine sehr hilfreiche Weise anders sein.
Und zum Schluss... was ist Ihr Lieblings-CSS-Trick?
Mein Lieblings-Trick war früher das Zentrieren eines Elements, indem man `display: table` darauf setzt und die automatischen Ränder den Rest erledigen lässt. Heutzutage, wo CSS viel großartiger wird, kann ich denselben Trick mit `min-content` und ohne zusätzlichen Wrapper machen.
Ich bin sicher, es gibt irgendwo im Web einen Blogbeitrag oder Artikel zu diesem Thema. Aber ich möchte hier auf CSS-Tricks darüber schreiben. Sehen Sie? Ich möchte meine eigene Perspektive mit Ihnen teilen und sie auf meine eigene Weise erklären.
Haben Sie etwas, das Sie auf CSS-Tricks teilen möchten? Senden Sie uns Ihren Pitch!
Tolle Arbeit von Ihrer Seite, Geoff!
Schnelle Frage, was ist mit dem Videobereich?
Er wurde schon eine Weile nicht mehr aktualisiert
Danke!
Ah, wir müssen dem Videoarchiv etwas Liebe schenken, nicht wahr? Da Chris normalerweise derjenige war, der sie aufnahm, haben wir uns noch nicht wieder darum gekümmert, aber ich stelle mir vor, dass wir das irgendwann tun werden. Danke für den Anstoß!
Also, was genau ist das namenlose CMS hier? Prismic? Etwas anderes? Frage mich, warum es nicht erwähnt wurde.
Es ist ein selbstgemachtes CMS, das wir Narwhal nennen.
Ihre Artikel sind so gut. Machen Sie weiter mit neuen Sachen!
Darf ich fragen, warum Sie von WordPress zu Ihrem internen CMS wechseln möchten?
Als Außenstehender und wie Sie selbst in diesem Artikel sagen, scheint dies lange zu dauern.
Was wären die Vorteile davon? Würde diese Entscheidung uns Nutzern mehr bedeuten oder liegt es daran, dass Ihr Team mit Ihrem CMS vertrauter ist als mit WordPress?
Ehrlich gesagt, ich bin ziemlich traurig, dass wir von WordPress wegziehen. Aber auf der anderen Seite verstehe ich vollkommen, warum es sinnvoll ist, CSS-Tricks auf demselben CMS wie die anderen (großartigen) Community-Tutorials, Anleitungen und so weiter von DigitalOcean zu haben, insbesondere im Hinblick auf Wartung und Konsistenz.
Und ja, ein Projekt wie dieses wird eine Weile dauern. Wir sprechen von über 7.000 Artikeln, die über 15 Jahre und 19 Website-Iterationen veröffentlicht wurden und die einem anderen bestehenden System zugeordnet werden müssen. Das Team leistet erstaunliche Arbeit. Ich weiß, dass ich es persönlich nicht übernehmen wollen würde!