Ist es Herbst? Winter? Ich weiß es nicht, aber ich bin heute Morgen mit Schnee im Vorgarten aufgewacht und hatte das Gefühl, es sei an der Zeit, ein kleines Update darüber zu schreiben, was im letzten Monat rund um CSS-Tricks passiert ist wir sind dafür bekannt von Zeit zu Zeit.
Zuerst ist das CSS-Tricks-Newsletter! Es fühlt sich an, als würden wir unseren Rhythmus nach Monaten der Pause verlieren. Das letzte Ausgabe ging Ende Oktober aus. Das ist der dritte Monat in Folge, in dem wir es herausschießen konnten, was ich wegen der Beständigkeit als großen Gewinn bezeichnen würde. Nein, es ist nicht die wöchentliche Kadenz, die wir vorher hatten, aber das ist etwas, das 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 können uns glücklich schätzen, dass sie hier ist. Während sie von Zeit zu Zeit an einem CSS-Tricks-Stück arbeitet, konzentriert sie sich hauptsächlich auf die Arbeit an Inhalten, die in integriert sind Community-Site von DigitalOcean.
Oh, und wo wir schon beim Thema der DigitalOcean-Community sind, schau dir das an Beitrag von Entwickler Markepear Tauchen Sie tief in den Schreibprozess von DigitalOcean ein. Im Ernst, es ist ein unglaublich tiefer Einblick in die Art und Weise, wie Tutorials skizziert und strukturiert sind, die UX der Navigation durch die Tutorial-Archive und sogar das heikle Zusammenspiel zwischen Inhalt und Werbung in jedem Artikel.
Mir gefällt wirklich, wie die Tutorials von DigitalOcean als „Give-First“-Inhalte beschrieben werden, die „überall nach Wert riechen“. Es spricht Bände über die Arbeitsmoral des Teams, die ich persönlich als erstklassig bezeugen kann. Das ist wirklich der Grund, warum DigitalOcean und CSS-Tricks so gut zusammenpassen.
Auch Werbung steht bei uns derzeit ganz oben auf der Agenda. Wenn wir eine Umfrage durchgeführt Im letzten Monat wussten wir, dass es Bedenken darüber geben würde, wie sich die Anzeigen von CSS-Tricks nach der Übernahme von DigitalOcean auswirken würden. Würden wir sie entfernen? Machen sie alles über DigitalOcean? Alles so lassen wie es ist? Ich meine, CSS-Tricks hat sich traditionell auf ein Werbemodell verlassen, um das Licht am Laufen zu halten, aber jetzt, da es von einem Unternehmen unterstützt wird, wie sehr müssen wir uns überhaupt auf Anzeigen verlassen?
Der Umfrage zufolge mögen viele von Ihnen die Anzeigen. Sie sind so etwas wie Produktempfehlungen, die in die Website eingebrannt sind, und ich denke, das ist ein Beweis für Chris' Bemühungen, sicherzustellen, dass Anzeigen (1) gute Dinge bewerben und (2) für unsere Front-End-Arbeit relevant sind. Ein typisches Beispiel: Wir haben kürzlich eine Reihe von DigitalOcean-Anzeigen ausgetauscht, um Cloudways-Hosting zu bewerben, nachdem DigitalOcean es erworben hatte. Diese Anzeigen liefen nicht so gut, also tauschten wir die von DigitalOcean wieder ein, die bereits recht gut liefen.
(Der beworbene Deal ist übrigens verdammt gut … $200 in kostenlosen Credits um Ihr Projekt voranzutreiben.)
Die Arbeit, CSS-Tricks von WordPress auf dasselbe CMS zu verschieben, das die DigitalOcean-Community für ihre Inhalte verwendet, ist noch im Gange. Ein Großteil der Arbeit besteht noch darin, WordPress-Inhaltsfelder dem neuen CMS zuzuordnen. Das ist keine triviale Aufgabe, wenn wir über eine Website mit etwa 7,000 Artikeln über einen Zeitraum von 15 Jahren sprechen. Das läuft gut, ebenso wie die anfängliche Site-Architektur. Als nächstes müssen wir herausfinden, wie wir mit WordPress-Blöcken umgehen, ihre Funktionen replizieren und ein Inventar von allem erstellen, was wir übertragen müssen. Puh!
Neue Gesichter!
Wie immer haben wir jeden Monat ein paar neue Gesichter auf der Seite, da wir mit neuen Gastautoren arbeiten. In diesem Monat begrüßten wir Krzysztof Gonciarz und Lorenzo Bonnella. Schauen Sie sich ihre Artikel an und geben Sie ihnen ein High Five für das Teilen ihrer Arbeit. Es braucht viel Arbeit zum Schreiben, ganz zu schweigen von etwas Mut, seine Ideen anderen Menschen vorzustellen. Also, vielen Dank Krzysztof und Lorenzo!
Lernen Sie Mojtaba Seyedi kennen
Ich dachte, ein Treffen mit einem unserer langjährigen Autoren wäre eine nette Möglichkeit, das Update dieses Monats abzurunden. Und nur wenige Menschen haben so viele Artikel zu CSS-Tricks beigetragen wie Mojtaba Seyedi. Sein Name taucht vielleicht nicht so oft in den Archiven auf, aber das liegt nur daran, dass er so viel Zeit im Archiv verbringt Almanach.
Ich habe Mojtaba ein paar Fragen zu seiner Arbeit gestellt und er hat freundlicherweise mit diesen Antworten geantwortet…
Ihr sehr ersten Artikel mit uns war vor langer Zeit im Jahr 2017 eine Zusammenfassung von Plugins für den Sublime Texteditor. Was hat Sie auf die Idee gebracht, es auf CSS-Tricks zu veröffentlichen?
Früher war ich sehr begeistert vom Sublime Texteditor und seinen Plugins. Ich konnte immer ein Plugin finden, um den Schmerz zu lindern, wenn ich es leid war, sich wiederholende Aufgaben zu erledigen. Ich würde meinen Kollegen zeigen, wie interessant das von mir verwendete Plugin war, und sie dazu ermutigen, es zu verwenden.
Einer meiner Neujahrsvorsätze damals – im Jahr 2017 – war es, einen Artikel über CSS-Tricks zu veröffentlichen. Ich fand die Idee immer sehr technisch. Es ist mir nie in den Sinn gekommen, dass ich einfach eine Liste von Sublime Text-Plugins erstellen könnte, die ich zufällig für die Entwicklung nützlich fand! Heute kann ich sehen, wie die hohe Messlatte, die ich mir gesetzt hatte, mich daran hinderte, über etwas zu schreiben, das ich liebte.
Es gab einen kurzen Moment, in dem ich überlegte, diesen ersten Artikel aufzugeben. Ich hatte mich verrückt gemacht, weil ich dachte, dass es Tonnen von anderen Beiträgen gibt, die bereits genau dasselbe abdecken. Aber aus Neugier habe ich einige der besten Sublime Text-Plug-in-Beiträge gegoogelt, und überraschenderweise habe ich keines der Plug-ins gesehen, über die ich geschrieben habe. 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 daran, solche technischen Informationen zu schreiben?
Almanacheinträge sind referenzierbar. Wir kommen immer wieder darauf zurück, um die Syntax einer Eigenschaft oder eines Selektors zu überprüfen. Zum Beispiel müssen wir vielleicht die besuchen Hintergrund Kurzschrift-Eigenschaft, um sich daran zu erinnern, ob die background-position Wert steht vor oder nach dem Schrägstrich (/). Referenzen werden nie alt, deshalb ist der Almanach etwas Besonderes für mich.
Auf der gleichen Linie, Dokumentation ist eine Herausforderung. Eine der Herausforderungen beim Schreiben für den CSS-Tricks-Almanach ist das Lesen und Verstehen der Spezifikationen des W3C. Zum Beispiel, als ich über die schreiben wollte mask-border -Eigenschaft war die CSS-Spezifikation praktisch meine einzige Quelle. Ich musste alle Aspekte dieses Moduls herausfinden und herausfinden, wie sich verschiedene Werte in verschiedenen Situationen verhalten, weil es kaum Beispiele in freier Wildbahn 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 verwenden können.
Es gibt auch ter Freude an der Vollständigkeit. Die Dokumentation ermöglicht es mir, tief in Details einzudringen, die es in einem typischen Artikel möglicherweise nicht schaffen. Ich bin zufrieden, wenn ich eine Eigenschaft oder einen Selektor erfassen und mit meinen eigenen Worten erklären kann. Die CSS-Tricks Alamanc gibt mir diese Möglichkeit.
Was können Sie über den Bearbeitungsprozess für diejenigen sagen, die ihn nicht durchlaufen haben?
Erstens Genießen Sie einen sauberen und einfachen Prozess. Das Redaktionsteam von CSS-Tricks hilft Ihnen, es zu verbessern und besser zu machen, als Sie es alleine könnten.
Seien Sie auch sicher Bearbeiten Sie zuerst Ihren Entwurf. Bearbeiten Sie den Artikel immer selbst, bevor Sie ihn einreichen. Je fertiger Ihr Schreiben ist, desto mehr Zeit hat der Lektor, um Ihnen bei der Verbesserung Ihrer Arbeit zu helfen. Wenn der Redakteur viel Zeit aufwenden muss, um grundlegende Grammatik und Rechtschreibung zu korrigieren, ist das Zeit, die er hätte verbringen können, um die Idee mit Feedback und anderen Überlegungen weiter voranzutreiben.
Und natürlich, Lerne aus deinen Fehlern. Seien Sie offen für das Lernen, während Sie sich im Bearbeitungsprozess befinden. Das Redaktionsteam hier ist sehr erfahren und hilfsbereit. Ich versuche, in meinem Artikel zu überprüfen, was sie geändert haben, und sie in meinen nächsten Schriften in die Praxis umzusetzen. Ich bedanke mich gerne Geoff, von dem ich viel über Technische Redaktion gelernt habe.
Haben Sie Tipps für jemanden, der darüber nachdenkt, einen Artikelvorschlag einzureichen?
Überdenken Sie die Idee nicht. Ihr Artikel muss keine Raketenwissenschaft sein. Alles, was Sie gut genug wissen, um darüber zu schreiben, kann für andere hilfreich sein.
Noch ein Tipp: unterschätze dich nicht. Wann Chris Coyier lud die Community ein, zum CSS-Tricks Almanac beizutragen, sagte ich mir, dass es viel mehr qualifizierte Leute gäbe, die das tun könnten, obwohl ich Erfahrung im Schreiben von CSS-Dokumentationen hatte. Und ja, viele Leute waren (und sind es vielleicht immer noch) besser informiert als ich. Aber wie sich herausstellte, konnte ich ein Teil davon sein, weil ich bereit war, es zu versuchen.
Eine weitere große Sache ist keine Sorge, andere zu wiederholen. Ihre Idee muss nicht einzigartig sein. Sie können auf eine neue und andere Weise über etwas schreiben, worüber andere geschrieben haben. Ihre Sichtweise und Perspektive zählt! Ihre Herangehensweise an die Lösung eines Problems und wie Sie es erklären, kann auf eine sehr hilfreiche Weise anders sein.
Und zum Schluss … was ist Ihr Lieblings-CSS-Trick?
Mein Lieblingstrick war früher, ein Element zu zentrieren Einstellung display: table darauf und lassen Sie die automatischen Ränder den Rest erledigen. Heutzutage, da CSS viel großartiger wird, kann ich den gleichen Trick machen min-content und ohne zusätzliche Verpackung.
Ich bin mir sicher, dass es irgendwo im Internet einen Blogbeitrag oder Artikel zu demselben Thema gibt. Aber darüber möchte ich hier auf CSS-Tricks schreiben. Sehen? Ich möchte meine eigene Perspektive mit Ihnen teilen und sie auf meine eigene Weise erklären.
Haben Sie etwas, das Sie über CSS-Tricks teilen möchten? Senden Sie uns Ihren Pitch!
