CSS Chronicles XLII

Avatar of Geoff Graham
Geoff Graham am

DigitalOcean bietet Cloud-Produkte für jede Phase Ihrer Reise. Starten Sie mit 200 $ kostenlosem Guthaben!

Erinnern Sie sich daran? Chris veröffentlichte ab und zu einen Beitrag, um über die Dinge zu berichten, die auf der alten CSS-Tricks-Website passierten. Es ist nur 969 Tage her seit dem letzten Beitrag, mehr oder weniger. Denken Sie nur: Damals beschäftigten wir uns mit dem Schreiben von CSS in JavaScript und wir fingen gerade erst an, uns auf eine Reihe vorgeschlagener neuer Farbfeatures zu freuen, die heute größtenteils implementiert sind. Wir verschachteln CSS-Regeln jetzt. Container-Abfragen sind zu einer echten Sache geworden.

CSS ging im Sauseschritt voran. Wahrscheinlich nicht die "beste" Zeit für eine Website über CSS, um eine Pause einzulegen, oder?

Deshalb dachte ich, ich staube die Chroniken ab. Es ist eine Weile her und bei CSS-Tricks passiert heute viel.

Ich bin (irgendwie) zurück

Fangen wir gleich hier an! Ja, ich wurde letztes Jahr "entlassen". Es gab kein #HotDrama. Eine ganze Reihe wirklich guter Leute – alle im DigitalOcean Community Team – wurden gleichzeitig entlassen. Es war eine Geschäftsentscheidung, ob man sie mag oder nicht.

Danach änderten sich die Dinge bei DigitalOcean. Ein neues Führungsteam ist an Bord und damit ein neu bekräftigter Fokus auf die Wiederherstellung der Community-Seite. Außerdem veröffentlichte Chris einen ausführlichen Beitrag über die Situation von CSS-Tricks aus seiner Perspektive. Zufällig oder nicht, es gab eine neue Stelle, die meiner alten sehr ähnlich sah. Ich hatte natürlich Gefühle dazu.

Diese kleine Aktivitätswelle führte zu einem Telefonat. Und ein paar mehr. Und jetzt bin ich zurück, um die alte CSS-Tricks-Maschine wieder auf Touren zu bringen, hoffentlich wird sie zu der reichen Ressource, die wir schon lange lieben. Ich bin im Moment auf Vertragsbasis und fühle den Dingen nach.

Bisher? Mann, es fühlt sich großartig an, zurück zu sein.

Was ich während der "Flaute" gemacht habe

Ich bin zu Smashing Magazine gewechselt. Gott, dieses Team ist unglaublich. Es amüsiert mich, dass wir immer noch Smashing Magazine haben. Und hier ist eine Trivia für Ihre nächste Front-End-Cocktailparty: Smashing Magazine wurde im September 2006 gestartet, nur 11 Monate bevor Chris den allerersten Artikel hier auf CSS-Tricks veröffentlichte.

Ich habe meine Zeit auch damit verbracht, Front-End-Entwicklung an einigen Colleges zu unterrichten, die in der Nähe meines Wohnortes in Colorado sind. Ich habe bereits unterrichtet, aber die Belastung erhöht. Aber nicht *zu sehr*, denn ich beschloss, dies sei eine gute Gelegenheit, einen Master-Abschluss zu machen. Also schrieb ich mich ein und teilte meine Tage auf als Teilzeitredakteur, Teilzeitlehrer und Teilzeitstudent auf.

Das Studium ging schneller als erwartet, also nutzte ich die restliche Zeit, um einen Online-Kurs abzuschließen, den ich vor ein paar Jahren begonnen hatte, und veröffentlichte ihn endlich! Es ist wahrscheinlich nicht die Art von Kurs für jemanden, der diesen Beitrag liest, sondern für absolute Anfänger, die wahrscheinlich ihre allererste Zeile HTML oder CSS schreiben. Werden Sie jemals gefragt, wie man eine Website erstellt, haben aber nicht die Energie (oder Zeit), alles zu erklären? Ja, ich auch. Das ist, für wen dieser Kurs ist. Und meine Mutter.

Ich nenne ihn The Basics – und ich würde mich freuen, wenn Sie ihn mit jedem teilen, von dem Sie glauben, dass er ihn als Ausgangspunkt für die Webentwicklung nutzen könnte.

Was ich mir für CSS-Tricks für die Zukunft wünsche

Diese Seite war schon immer großartig, auch lange bevor ich an Bord kam. Historisch gesehen war sie eher ein persönlicher Blog, der sich zu einem Blog mit mehreren Autoren und einem stetigen Strom von Inhalten entwickelte. Dagegen ist überhaupt nichts einzuwenden.

Was jedoch fehlt, ist *Struktur*. Fast alles, was wir veröffentlichen, wird wie ein Blogbeitrag behandelt: schreiben, auf Veröffentlichen klicken und es oben im Stream liegen lassen, bis der nächste Blogbeitrag erscheint. Wir sprechen von einem zeitbasierten Ansatz, bei dem Beiträge eine Zeitleiste von Aktivitäten in umgekehrter chronologischer Reihenfolge bilden. Wo findet man diesen einen Beitrag, auf den man letzten Monat gestoßen ist? Er ist wahrscheinlich inzwischen vergraben und man muss entweder die Beitragsarchive durchsuchen oder versuchen, ihn per Stichwort zu finden. Das mag für einen Blog mit ein paar hundert Beiträgen funktionieren, aber hier gibt es mehr als 7.000 und die Suche ist eher wie das Finden der sprichwörtlichen Nadel im ebenso sprichwörtlichen Heuhaufen geworden.

Sie haben vielleicht bemerkt, dass ich die Dinge neu organisiere. Alles ist immer noch ein "Beitrag", aber wir verwenden jetzt eine Kategorie-Taxonomie effektiver als zuvor. Jede Kategorie ist eine "Art" von Beitrag. Und die Art des Beitrags wird dadurch bestimmt, was genau wir damit erreichen wollen. Lassen Sie uns das tatsächlich in einen eigenen Abschnitt aufteilen, da es sich um eine wesentliche Änderung handelt, die einige Erklärungen erfordert.

Die "Arten" von Dingen, die wir veröffentlichen

OK, also alles war früher ein Artikel oder ein Almanach-Eintrag. Wir haben immer noch "Artikel" und "Einträge", aber es gibt bessere Möglichkeiten, sie zu klassifizieren und zu unterscheiden, insbesondere bei Artikeln.

So sieht das aus

  • Artikel: Die Tutorials, die das Brot und Butter von CSS-Tricks seit Ewigkeiten sind
  • Anleitungen: Umfassende Deep Dives zu einem bestimmten CSS-Thema (wie die Flexbox-Anleitung)
  • Almanach: Referenzstücke zum Verständnis von CSS-Selektoren und Eigenschaften, die in Artikeln und Anleitungen zitiert werden können.
  • Notizen: Ein Beitrag zum Notieren von Dingen, die wir lernen. Sie sollen locker und etwas grob sein, so wie Notizen aus einer Vorlesung – nur dass wir uns Notizen zu Dingen machen, über die andere in der Community (wie Sie!) schreiben.
  • Links: Dinge, die wir lesen und die wir interessant finden und mit Ihnen teilen möchten. Ein Link kann sich später zu einer Notiz entwickeln, aber sie sind auch nützliche Ressourcen, die im Almanach, einer Anleitung oder einem Artikel zitiert werden können.
  • Quick Hits: Ich hasse diesen Namen, aber die Idee ist, einen Ort für kurze Einzeiler zu haben, wie einen Gedanken, eine Idee oder vielleicht aktuelle Nachrichten. Ich nehme offen Vorschläge für einen besseren Namen dafür entgegen. 😇

Das ist es, was wir uns gerade ansehen, aber offensichtlich gibt es noch andere Möglichkeiten, Inhalte zu zerlegen. Wir haben zum Beispiel ein Archiv von "Snippets", das wir seit vielen Jahren vergraben haben, aber nützlich sein könnte. Gleiches gilt für Videos. Und mehr, wenn Sie es glauben können. Es gibt also viel Hausarbeit zu tun, um uns beschäftigt zu halten! Dies sind immer noch sehr frühe Tage. Sie werden wahrscheinlich einige Turbulenzen während Ihres Fluges erleben. Und das ist für mich in Ordnung, denn dies ist ein Lernort, und die Menschen, die ihn betreiben, lernen ebenfalls.

Ja, ich habe gerade "Leute" im Plural gesagt, weil ich gerne...

Ein paar neue Gesichter begrüßen!

Das, was mich am meisten begeistert – sogar mehr als der Eiswagen meine Töchter begeistert – ist, neue Leute mit auf die Reise zu nehmen. CSS-Tricks zu betreiben ist ein *riesiger* Job (egal wie einfach ich aussehe 😝). Also habe ich ein paar Leute engagiert, um mir die Last zu erleichtern!

Juan Diego with a wide smile looking slightly off to the right.
Ryan Trimble grinning as he looks off to the left.

Ich habe Juan Diego kennengelernt, als ich für Smashing Magazine editiert habe. Er hatte ein paar Artikel für Smashing geschrieben, bevor ich dazukam, und seine neueste Arbeit, der erste Teil einer Serie von Artikeln, die sich mit den "Kopfschmerzen" der Arbeit mit Gatsby befassen, landete auf meinem Schreibtisch. Es ist wirklich, wirklich gut – Sie sollten es sich ansehen. Was Sie über Juan Diego wissen sollten, was ich kennengelernt habe, ist, dass der Kerl sich *sehr* für die Webplattform interessiert. Nicht nur das, sondern er achtet sehr darauf. Ich bin ziemlich sicher, dass er CSSWG-Spezifikationen zum Vergnügen bei einer Tasse Tee liest. Seine Liebe und Neugier für alles, was mit Front-End zu tun hat, ist ansteckend und ich habe schon viel von ihm gelernt. Ich weiß, das werden Sie auch.

Ryan hingegen ist ein totaler Nerd für Designsysteme, der sich für zugängliche Schnittstellen einsetzt. Er hat mich tatsächlich auf Mastodon kontaktiert, als er mitbekam, dass ich Hilfe brauche. Das war der perfekte Zeitpunkt und ich bin ihm unendlich dankbar, dass er mich damals angestoßen hat. Während ich ihn besser kennenlerne, erkenne ich, wie vielseitig seine Fähigkeiten sind. Die Arbeit mit "Designsystemen" kann vieles bedeuten. Für Ryan bedeutet es konsistente, vorhersehbare Benutzeroberflächen, die auf modularen und wiederverwendbaren Webkomponenten basieren – insbesondere Webkomponenten, die nativ zur Plattform gehören. Tatsächlich arbeitet er derzeit an einem Designsystem namens Platform UI. Ich bin auch ein Fan seines persönlichen Blogs geworden, besonders seiner wöchentlichen Zusammenfassungen von Artikeln, die er interessant findet.

Sie werden viel von Juan Diego und Ryan hier sehen! Sie arbeiten beide hart daran, den treuen Almanach auf den neuesten Stand zu bringen, werden aber auch Artikel veröffentlichen. Niemand ist hier Vollzeit, ich eingeschlossen, also ist es wirklich eine Teamarbeit.

Bitte begrüßen Sie beide herzlich!

Das ist alles in Arbeit

...und wird es wahrscheinlich auch immer sein! Ich liebe es, dass CSS-Tricks ein Ort ist, an dem alle zusammen lernen. Es mag direkt um CSS gehen. Vielleicht auch nicht. Vielleicht ist es nur tangential mit Webentwicklung verbunden. Es mag sogar eine grobe Idee sein, die noch nicht ganz ausgereift ist, aber wir bringen sie heraus und lernen gemeinsam neue Dinge mit einer offenen Haltung gegenüber der Tatsache, dass das Web ein riesiger Ort ist, an dem jeder etwas beizutragen hat und eine einzigartige Perspektive, von der wir alle profitieren – sei es durch eine Spezialisierung auf CSS, Semantik, Leistung, Barrierefreiheit, Design, Typografie, Marketing oder was auch immer.

Möchtest du für CSS-Tricks schreiben?

Du kannst und du *solltest*! Du wirst bezahlt, die Leser lernen etwas, und das bringt Leute auf die Seite. Jeder gewinnt!

Ich weiß, Schreiben ist nicht jedermanns Stärke. Aber genau dafür ist das Team da. Du musst kein überragender Schreiber sein, sondern nur bereit sein, *etwas* zu schreiben. Wir werden dir helfen, es zu polieren und etwas daraus zu machen, worauf du sehr stolz bist.

Mehr als 200 Webentwickler, Designer und Spezialisten, genau wie du, haben für diese Seite geschrieben. Du solltest dich bewerben, um einen Artikel zu schreiben und dem Club beitreten!

Also, ja: CSS-Tricks ist zurück!

Auf seine eigene seltsame Art! In meiner *perfekten Welt gäbe es keinen Zweifel daran, ob CSS-Tricks an einem bestimmten Tag Inhalte veröffentlicht. Aber das liegt nicht ganz an mir. Es muss nicht nur von zumindestigem Wert für Leute wie Sie sein, die sich auf Websites wie CSS-Tricks verlassen, sondern auch für DigitalOcean. Es ist ein heikles Spiel, aber ich denke, alle sind sich einig und haben ein gemeinsames Interesse daran, diese Seite am Leben und gesund zu erhalten.

Ich bin begeistert, dass ich Teil davon sein darf. Und dass Juan Diego und Ryan es auch sind. Und du auch.

Wir stecken alle *zusammen* drin. 🧡