Über diese Website

Dieser Kasten steht auf jeder Seite in der linken Spalte. Was darin steht, änderst du in der Konfiguration unter Plugins — oder du schaltest ihn dort ab.

Über dieses Handbuch

Dieses Handbuch gehört zur Vorlage Example für QuartzControl. Es erklärt die Vorlage und führt zugleich alles vor, was sie kann.

Der Text hier kommt aus einer Markdown-Datei, nicht aus der Konfiguration.

CSS-Tricks

7 Min. Lesezeit

CSS-Tricks

Quelle / bibliografische Angaben

  • URL: https://css-tricks.com/, abgerufen 2026-09-05
  • Gelesene Seiten: Startseite, /about/, /license/, /ai/, /guest-writing/
  • Eigentümer/Betreiber: DigitalOcean, laut About-Seite seit der Übernahme 2021. Im Seitenfuß steht „CSS-Tricks is powered by DigitalOcean”.
  • Gegründet 2007 von Chris Coyier; erster Beitrag am 4. Juli 2007 (header-text-image-replacement).
  • Redaktion: Geoff Graham ist laut About-Seite seit 2021 Editor. Die Lizenz- und die KI-Seite tragen eine handschriftliche Signatur „Geoff”.
  • Keine einzelnen Autoren als Metadatum erfasst — Mehrautoren-Publikation. Laut About-Seite haben „more than 200 writers (we lost track somewhere)” beigetragen.
  • Lizenz: eigene, informell formulierte Seite unter https://css-tricks.com/license/. Kein benanntes Lizenzmodell (kein CC), sondern Prosa.
  • Kein Impressum im deutschen Sinn; Kontakt über /contact/, Social-Präsenzen auf Bluesky, Mastodon (mastodon.social/@csstricks), CodePen, X und LinkedIn.
  • Wichtig für die Zitierweise: Jeder Beitrag trägt Autorennamen und Veröffentlichungsdatum. Einzelne Artikel lassen sich damit datiert belegen — anders als bei W3Schools oder SELFHTML-Wiki.

Nachprüfung 2026-09-13

Vor der Veröffentlichung gegen die Live-Seiten geprüft (Startseite, /about/, /license/, /ai/, /guest-writing/, abgerufen 2026-09-13 über Firecrawl):

  • Bestätigt: Zeitleiste 2007–2021 samt erstem Beitrag am 4. Juli, DigitalOcean als Eigentümer und „powered by“, Geoff Graham als Editor, „more than 200 writers (we lost track somewhere)“, Lizenztext („Go ahead. Take whatever code, design, and demos …“, „If you take it and use it uncredited, good for you.“, Einschränkung zum Abgreifen ganzer Artikel), KI-Statement („Period.“, Inhalte „brought to you by humans“, „No shade if you use it“), Guest-Writing-Angaben (geschlossen „just for a bit“, 600–1.500 Wörter, 250 USD per PayPal oder Spende, Tonvorgaben), pausierter Newsletter („Coming back really, really soon!“), Rubriken Guides, Almanac, Links, Picks, Quick Hits, Collections, „Popular this month“, Buchstrecke „The Greatest CSS Tricks“, Almanac mit Properties, Selectors, Rules und Functions.
  • Abweichend oder nicht erneut gefunden: Die neuesten Beiträge auf der Startseite datieren jetzt auf Ende August 2026, nicht mehr auf September. „Fundamental CSS Tactics“ und die konkreten Almanac-Einträge (animation-trigger, @function, @custom-media) wurden bei der Nachprüfung nicht erneut gesucht.

Kurzfassung

CSS-Tricks ist eine seit 2007 laufende, englischsprachige Publikation zu Frontend-Entwicklung — trotz des Namens nicht auf CSS beschränkt. Sie kombiniert redaktionelle Artikel, kuratierte Links, langlebige Guides und den „Almanac” als Referenzteil zu CSS-Eigenschaften, Selektoren, At-Rules und Funktionen. 2021 hat DigitalOcean die Seite übernommen; sie erscheint weiter regelmäßig (zuletzt gelesene Beiträge datieren auf Aug./Sep. 2026).

Kernaussagen

Alle Punkte sind Selbstauskunft der Website, sofern nicht anders gekennzeichnet.

  • Selbstverständnis: „CSS-Tricks is where folks around the world come to learn about front-end code and everything related to it.” Bezeichnet sich selbst als community von Autoren beziehungsweise als Plattform, die Autoren eine Stimme gibt.
  • Zeitleiste laut About-Seite: 2007 Start durch Chris Coyier — 2010 Einführung des CSS Almanac — 2012 Vollzeitprojekt, finanziert über einen Kickstarter — 2015 Zugang von Marie Mosley, Robin Rendle, Sarah Drasner und Geoff Graham — 2016 Start des Newsletters (betreut von Robin Rendle) — 2021 Übernahme durch DigitalOcean, Geoff Graham als Editor.
  • Inhaltsformate (Navigation und Startseiten-Rubriken): Articles, Guides, Almanac, Links, Picks, Newsletter; auf der Startseite zusätzlich „Quick Hits”, „Collections” und Buchstrecken wie „The Greatest CSS Tricks” und „Fundamental CSS Tactics”.
  • Almanac: Referenzteil, gegliedert nach properties, selectors, rules und functions. Die dort gelesenen Einträge sind aktuell gepflegt und decken auch Neues ab (animation-trigger, @function, @custom-media, Stand Juni/August 2026).
  • Themenbreite: Auf der Guest-Writing-Seite steht ausdrücklich, dass der Name in die Irre führt — „we’re called CSS-Tricks but tend to write about the larger field of front-end development”, ausdrücklich einschließlich Design Systems, Accessibility, Performance, Typografie, Copywriting und Semantik.
  • Lizenz (wörtlich, https://css-tricks.com/license/): „Go ahead. Take whatever code, design, and demos you find on this site.” Nutzung auch ohne Namensnennung ist ausdrücklich in Ordnung. Einzige Einschränkung: „maybe don’t scrape entire articles, publish them elsewhere, and claim them as your own.” Der Text ist bewusst salopp gehalten und nennt kein formales Lizenzmodell.
  • KI-Statement (https://css-tricks.com/ai/): „We don’t use it. Period.” Alle Artikel, Tutorials und Demos seien von Menschen erstellt. Begründet mit ethischen, ökologischen und ökonomischen Kosten; verbunden mit dem Hinweis, das sei kein Vorwurf an andere („No shade if you use it”).
  • Redaktionelle Leitlinien für Gastbeiträge: gesucht sind Beiträge aus gelebter Praxis, ausdrücklich nicht Dokumentation, die anderswo verfügbar ist, und nicht die üblichen Standard-Tutorials. Zielumfang 600–1.500 Wörter. Ton laut Seite: „Comprehensive and written for all experience levels / Technically detailed and correct / Practical, useful, and self-contained / Friendly but formal”. Demos bevorzugt über CodePen.
  • Bezahlung von Gastautoren: 250 USD pro Artikel über PayPal, ersatzweise Spende an eine Organisation nach Wahl.
  • Aktueller Betriebszustand: Gastbeiträge sind derzeit geschlossen („We’re not currently taking new article proposals. It’s just for a bit though.”), der Newsletter pausiert („Coming back really, really soon!”). Beides Stand 2026-09-05.
  • Finanzierung: Sponsoring durch den Eigentümer sichtbar (die Rubrik „Popular this month” ist mit „Powered by DigitalOcean” ausgewiesen), zusätzlich existiert eine Advertising-Seite. Deren Inhalt wurde nicht gelesen.

Eigene Einordnung

CSS-Tricks ist eine Publikation, kein Nachschlagewerk — und das ist die entscheidende Unterscheidung für die Nutzung im Vault. Ein Artikel ist eine datierte Momentaufnahme mit Verfasser, keine gepflegte Referenzseite.

  • Zitierbarkeit ist gut. Autorenname und Datum stehen an jedem Beitrag. Damit lässt sich eine Aussage sauber als „X, CSS-Tricks, Datum” belegen — der zentrale Vorteil gegenüber W3Schools (kein Autor, kein Datum) und ein Vorteil auch gegenüber SELFHTML-Wiki, wo die Datierung nur über die Versionsgeschichte zu holen ist.
  • Das Archiv ist alt und wird nicht durchgehend nachgeführt. Bei fast zwanzig Jahren Laufzeit liegt viel Material aus der Zeit von Float-Layouts, Vendor-Präfixen und jQuery auf der Seite. Für versionsabhängiges CSS-Wissen gilt deshalb: immer zuerst auf das Beitragsdatum sehen und alles vor etwa 2022 gegen Spezifikation, MDN oder caniuse prüfen. Ob und wie alte Artikel als überholt markiert oder aktualisiert werden, habe ich nicht geprüft.
  • Der Almanac ist der brauchbarste Teil zum Nachschlagen, weil er als Referenz angelegt ist und sichtbar aktuell gehalten wird. Er ersetzt trotzdem weder MDN noch die Spezifikation — er ist von der Community geschrieben und hat keinen erkennbaren formalen Review.
  • Kein dokumentierter Prüfprozess. Die Guest-Writing-Seite beschreibt Auswahlkriterien und einen Ton, aber kein Fact-Checking, keine Korrekturenpolitik und keinen Reviewprozess. „Technically detailed and correct” ist ein Anspruch, kein Verfahren. Praktisch heißt das: gute redaktionelle Auswahl, aber die Verantwortung für die Richtigkeit liegt beim einzelnen Autor.
  • Die Lizenz ist bemerkenswert freizügig — und juristisch unscharf. Code, Designs und Demos dürfen ausdrücklich ohne Nennung übernommen werden; untersagt ist im Kern nur das Abgreifen ganzer Artikel unter fremdem Namen. Für Codebeispiele im eigenen Vault oder in einer Quartz-Seite ist das die entspannteste Ausgangslage aller bisher erfassten Frontend-Quellen (vgl. das restriktive W3Schools und das Copyleft von SELFHTML-Wiki). Weil der Text aber kein formales Lizenzmodell benennt, würde ich mich bei längeren wörtlichen Textübernahmen nicht darauf stützen: verdichtetes eigenes Wissen plus Quellenlink bleibt der sichere Weg — Codeschnipsel dagegen kann man bedenkenlos nachnutzen.
  • Der KI-Verzicht ist ein echtes Qualitätssignal. In einem Umfeld, in dem generierte Frontend-Tutorials mit erfundenen Eigenschaften kursieren, ist eine ausdrückliche Selbstverpflichtung auf menschliche Autorschaft ein Argument, CSS-Tricks Vorrang vor beliebigen Blogtreffern zu geben. Prüfen lässt sich die Zusage von außen naturgemäß nicht.
  • Eigentümerschaft mitdenken. Seit 2021 gehört die Seite einem Cloud-Anbieter, dessen Sponsoring auf der Startseite platziert ist. Bei Themen, die DigitalOcean geschäftlich berühren (Hosting, Deployment, Serverless), ist ein Interessenkonflikt zumindest denkbar. Für reine CSS- und Browserthemen — den Kern der Seite — sehe ich keinen.
  • Reduzierter Betrieb. Geschlossene Gastbeiträge und pausierter Newsletter deuten auf ein kleineres Team als früher. Die Publikationsfrequenz wirkte zum Abrufzeitpunkt trotzdem stabil.

Praktisch: CSS-Tricks ist eine gute Adresse für Problemlösungen, Techniken und Einordnungen neuer CSS-Features, dort oft früher und praxisnäher als die deutschsprachigen Quellen. Für die formale Definition einer Eigenschaft bleiben MDN und Spezifikation die Referenz, für deutschsprachige Erklärungen SELFHTML-Wiki.

Verknüpftes Wissen

Offene Fragen

  • Umfang und Kennzeichnung gesponserter Inhalte: Die Advertising-Seite wurde nicht gelesen; wie deutlich bezahlte Beiträge markiert sind, ist offen.
  • Gibt es eine Korrektur- oder Update-Politik für ältere Artikel? Auf den gelesenen Seiten nicht beschrieben.
  • Redaktionelle Unabhängigkeit gegenüber DigitalOcean ist nirgends erklärt.
  • Aktuelle Teamgröße und feste Autorenschaft sind aus den gelesenen Seiten nicht erkennbar.
  • Wie zuverlässig ist der Almanac gegenüber MDN? Nicht stichprobenartig gegengeprüft.
  • Wie lange „just for a bit” bei den geschlossenen Gastbeiträgen dauert und ob der Newsletter tatsächlich zurückkommt, ist offen.

Weiterlesen

Diese Seite gehört zu gui-test — der Beispielvorlage für QuartzControl. Ein Überblick über alle Bereiche steht auf der Startseite.

Auf einem schmalen Bildschirm ist die Navigation oben eingeklappt.

gui-test · Sprache: de-DE · Diese Seite: quellen/css-tricks-com