Schreiben Sie für CSS-Tricks!

Avatar of Chris Coyier
Chris Coyier am

Hallo und schön, dass Sie hier sind! Wenn Sie daran interessiert sind, einen Artikel für CSS-Tricks zu schreiben, sind Sie hier genau richtig. Wir haben diese kleine Seite zusammengestellt, um Ihnen alles zu geben, was Sie für den Anfang brauchen.

Warum Sie sich als Gastautor bewerben sollten

  1. Es ist ein Gewinn für unsere Leser.
    Sie lernen aus Ihrer Erfahrung. Niemand weiß genau, was Sie wissen.
  2. Es ist ein Gewinn für Sie, den Autor.
    Wir haben ein Budget, um Sie für Ihre Arbeit zu bezahlen. Und die Aufmerksamkeit, die Sie erhalten, ist nicht schlecht.
  3. Es ist ein Gewinn für CSS-Tricks.
    Je mehr wertvolle Inhalte wir veröffentlichen, desto öfter kommen die Leute vorbei.

Was Sie beim Gastschreiben beachten sollten

  1. Schreiben Sie den Artikel, den Sie gerne gefunden hätten, als Sie danach gegoogelt haben. (Chris’ Tweet)
  2. Vermitteln Sie ein Gefühl von gelebter Erfahrung und fachlicher Kompetenz. (Frank Chimero

Wären Sie glücklich, wenn Sie über eine Suche auf diesem Artikel landen würden? Sprechen Sie mich an, Entwickler zu Entwickler, aus Erfahrung?

Worüber Sie schreiben sollten

Der beste Rat ist etwas, das Chris Coyier vor einiger Zeit schrieb

Schreiben Sie den Artikel, den Sie gerne gefunden hätten, als Sie etwas gegoogelt haben.

Es gibt ein Zitat von Frank Chimero, das gleichermaßen relevant ist

Die meisten Design-Inhalte sind zu minderwertigen, oberflächlichen Inhaltsmarketing-Beiträgen geworden, die mehr Schaden als Nutzen anrichten, da sie stark vereinfachte, fehlgeleitete Perspektiven als Anleitung präsentieren. Man spürt kaum das Gefühl von gelebter Erfahrung und professioneller Kompetenz in den Worten.

Die Quintessenz ist also, dass wir nach etwas suchen, das referenziell und instruktiv ist, aber auch auf realen Erfahrungen basiert, die bei den Lesern Anklang finden. Es kann keine Dokumentation sein, die der Leser woanders finden kann, noch ein Tutorial mit demselben Beispiel – Modal, To-Do-Liste, Meme-Generator usw. – das bereits in anderen Tutorials gut abgedeckt ist. Es handelt sich um eine spezifische Lernerfahrung, die Sie gemacht haben und die die Leser persönlich anspricht und ihnen etwas Neues zum Lesezeichen und zur späteren Verwendung gibt.

Zielgruppe, Ton und Länge

Es versteht sich wahrscheinlich von selbst, dass unsere Hauptzielgruppe Frontend-Webdesigner und -Entwickler sind. Weniger offensichtlich ist, dass sie aus verschiedenen Phasen ihrer Karriere kommen. Einige sind erfahrene Veteranen aus der Ära des Tabellenlayouts, andere steigen vielleicht gerade erst in HTML & CSS ein, während der Rest irgendwo dazwischen liegt.

Zielgruppe

Das andere, was man beachten sollte, ist, dass "Webdesign" und "Webentwicklung" so viele verschiedene Dinge bedeuten. Eines der lustigen Dinge, über die wir hier lachen, ist, dass wir CSS-Tricks heißen, aber dazu neigen, über das größere Feld der Frontend-Entwicklung zu schreiben. Und dieses Feld ist lang und breit mit vielen, vielen Spezialisierungen. Wir bedienen sie alle, egal ob wir über Code, Designsysteme, Barrierefreiheit, Leistung, Typografie, Copywriting, Semantik ... und so weiter sprechen.

Ton

Wir sind alle Freunde hier! Wir halten den Ton unserer Artikel gerne eher entspannt. Einige werden technischer sein als andere. Einige werden etwas meinungsfreudiger sein als andere. Die besten Artikel sind diejenigen, die Ideen aus mehreren Blickwinkeln mit einem offenen Geist erforschen, dass es normalerweise mehr als einen Weg gibt, etwas zu tun, und der "beste" Weg davon abhängen könnte, wer liest und woran er arbeitet.

Sie können im Allgemeinen davon ausgehen, dass die Leser grundlegende Kenntnisse in HTML, CSS und JavaScript haben, außer wenn die Behandlung dieser Grundlagen die Klarheit Ihres Artikels verbessert.

Der Ton sollte sein

  • Umfassend und für alle Erfahrungsstufen geschrieben
  • Technisch detailliert und korrekt
  • Praktisch, nützlich und in sich geschlossen
  • Freundlich, aber formell

Der beste Rat ist also, Sie selbst zu sein und so zu schreiben, als wären wir alle am Lagerfeuer versammelt und würden uns unterhalten.

Länge

Uns geht es um Substanz statt um Quantität! Der Sweet Spot für jeden Artikel liegt irgendwo im Bereich von 600-1.500 Wörtern. Artikel können kurz und prägnant sein, wenn sie klar und nützlich sind. Ebenso können Artikel länger sein, wenn wir uns mit einem kniffligen Thema mit Nuancen und technischen Details befassen.

Aber auch hier gilt: Klarheit ist das Ziel.

Davon abgesehen sind die folgenden Dinge großartig, um die Klarheit Ihres Artikels zu verbessern

  1. Relevante Bilder und Videos. Visuelle Hilfsmittel werden dringend empfohlen. Stellen Sie sicher, dass Bilder den richtigen alt -Text und ggf. eine Bildunterschrift haben. Keine Memes, bitte.
  2. Codeblöcke. Sie helfen, Konzepte zu veranschaulichen. Konzentrieren Sie sich aber auf die wichtigsten Teile des Codes, anstatt eine ganze Datei auf die Seite zu kleben.
  3. Demos. CodePen, wenn möglich; andere interaktive Code-Einbettungen, wenn nötig. Demos sind perfekt, um einen Machbarkeitsnachweis oder fertige Arbeiten zu demonstrieren.

Zahlungen

Wir bezahlen Sie tatsächlich für Ihre Arbeit, die wir veröffentlichen. Sie stecken schließlich Arbeit hinein!

Wir bezahlen 300 $ USD für die überwiegende Mehrheit der Artikel, die entweder über PayPal oder in Form von DigitalOcean-Guthaben bezahlt werden. Bitte stellen Sie sicher, dass PayPal in Ihrem Land unterstützt wird, sonst gehen wir über die Option von DigitalOcean-Guthaben.

Bewerbung als Gastautor

Wir bitten alle, dieses Formular auszufüllen, um als Gastautor auf CSS-Tricks zu schreiben, egal ob Sie schon einmal für uns geschrieben haben oder ein neuer Autor sind. Wir werden Ihre privaten Informationen niemals ohne Ihre ausdrückliche Zustimmung weitergeben.

Sie werden gebeten, einen groben Entwurf Ihrer Idee anzuhängen, damit wir einen Eindruck von Ihrem Schreibstil und Ihrer beruflichen Erfahrung bekommen. Er muss nicht perfekt sein. Es wird einen Bearbeitungsprozess geben, um Dinge zu verbessern. Und wenn Sie keine Zeit haben, einen Entwurf zu schreiben, können Sie stattdessen gerne eine kurze Gliederung der wichtigsten Punkte einreichen – aber Sie werden zu einem Zeitpunkt im Prozess einen Entwurf schreiben, wenn Ihre Bewerbung angenommen wird. 😉

Ein letzter Hinweis: Wir überprüfen Bewerbungen wöchentlich und erhalten sehr viele davon. Jede Bewerbung wird geprüft, und obwohl wir unser Bestes tun, um auf alle zu reagieren, priorisieren wir die Beantwortung von angenommenen Bewerbungen.

Offene Bewerbung

"*" kennzeichnet Pflichtfelder

Name*
Unter welcher E-Mail-Adresse können wir Sie kontaktieren? Nur für den Fall.
Haben Sie keine? Geben Sie einen Link zu einem Ihrer Social-Media-Profile ein (z.B. GitHub, Mastodon, X usw.)
Haben Sie in der Vergangenheit einen Artikel bei uns veröffentlicht?*
Wie möchten Sie für Ihre Arbeit entschädigt werden?*
Wir verwenden PayPal für Zahlungen. PayPal ist nicht möglich? Wir bieten auch kostenlose DigitalOcean-Guthaben an. Wenn Sie PayPal wählen, stellen Sie nur sicher, dass es in Ihrem Land verfügbar ist und Sie Zahlungen aus den USA erhalten können.
Wir wollen sicherstellen, dass das Geld am richtigen Ort ankommt!
Machen Sie sich keine Sorgen, das kann sich während des Bearbeitungsprozesses ändern.
Um welche Art von Artikel handelt es sich?*
Wir suchen nach den wichtigsten Punkten, die Sie machen möchten, und Stichpunkten, wie Sie diese unterstützen wollen, in einer PDF-Datei. Sie wissen nicht, wo Sie anfangen sollen? WordPress.com hat einen ausgezeichneten Artikel und eine Vorlage, die Sie verwenden können.
Akzeptierte Dateitypen: pdf, Max. Dateigröße: 20 MB.
Es ist uns wichtig, dass Sie nicht nur begeistert sind, über dieses Thema zu schreiben, sondern auch die Erfahrung haben, es auf tiefgreifende Weise oder auf eine persönliche Weise zu diskutieren.
Teilen Sie gerne einen Link zu Ihrer persönlichen oder Unternehmenswebsite, Ihrem GitHub-Konto oder Ihren Social-Media-Profilen usw. Wir würden auch gerne erfahren, was Sie motiviert hat, diese Artikelidee einzureichen!