CSS-Tricks Chronicle XXXVI

Avatar of Chris Coyier
Chris Coyier am

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

Dies ist eine dieser kleinen Zusammenfassungen von Dingen, die mit mir, dieser Seite und den anderen Seiten der CSS-Tricks-Familie passieren.

Ich war kürzlich für die Front Conference in Zürich. Es war mein erster Besuch dort und ich genoss die Stadt und das nette Personal der Konferenz sehr. Ich hatte schrecklichen Jetlag für meinen Eröffnungsvortrag und habe das Gefühl, ihn nicht ganz so gut gehalten zu haben, wie ich es mir gewünscht hätte, aber was soll man machen.

Er heißt „How to Think Like a Front-End Developer“, ist aber eigentlich eher eine Adaption von „ooooops, ich schätze, wir sind jetzt Full-Stack-Entwickler.“


Ich habe diesen Herbst noch einige weitere Konferenzen geplant

  1. Web Unleashed – Toronto, Kanada
  2. Dot All – Montreal, Kanada
  3. ARTIFACT – Austin, Texas – Verwenden Sie für diese Konferenz den Gutscheincode LASTCHANCE200.
  4. All Things Open – Raleigh, North Carolina
  5. JAMstack_conf – San Francisco, Kalifornien

Apropos Konferenzen: Wenn Sie von kommenden Veranstaltungen wissen, die nicht auf unserer Masterliste von Front-End-relevanten Webkonferenzen stehen, reichen Sie bitte einen Pull-Request ein oder kontaktieren Sie mich.


Wenn wir bei ShopTalk Show etwas konstant haben, dann ist es Beständigkeit! Ich weiß gar nicht mehr, wann wir das letzte Mal eine Woche verpasst haben, und ich genieße es, die Show genauso sehr zu machen wie eh und je.

Vielleicht war meine Lieblingsshow der letzten Zeit einfach ein Gespräch mit Dave darüber, welche Technologie wir wählen würden, wenn wir ein neues Projekt (von Grund auf) unter verschiedenen Umständen starten würden.

Aber meistens unterhalten wir uns mit Leuten wie Tyler McGinnis, Adam Argyle, Rachel Andrew und Lara Hogan.


Auch bei CodePen gehen wir zügig voran!

  • Sie können Pens jetzt mit einem Build-Prozess exportieren, was bedeutet, dass Sie nach einem npm install eine Offline-Version von CodePen zum Arbeiten haben. Müssen Sie eine kleine Verarbeitungsumgebung für Markdown/Sass/React/Babel einrichten? Richten Sie einfach einen leeren Pen auf diese Weise ein, exportieren Sie ihn und Sie haben ihn.
  • Wir bauen immer mehr von CodePen in React, und ich glaube, wir sind über den Wendepunkt hinaus, an dem der Wert darin immer deutlicher wird. Es ist eine gute technologische Passform für unsere Art von Website. Zum Beispiel haben wir überarbeitet, wie Elemente und Raster von Elementen auf der gesamten Website angezeigt werden. Wenn wir also eine kleine Funktion wie das „Anpinnen“ von Elementen hinzufügen, wird diese sofort auf allen Rastern auf der gesamten Website verbreitet. Gleiches gilt für Filter- und Ansichtsoptionen.
  • In die gleiche Richtung gehen auch kleine Momente wie dieser, die mir sehr befriedigend erscheinen. Das bezieht sich auf unsere Funktion „Private by Default“.
  • Wir haben eine Funktion veröffentlicht, mit der Sie andere Benutzer blockieren können, wenn es darauf hinausläuft (sowie sie uns melden).
  • Wir haben einige Syntaxhervorhebungs-Themes mit hohem Kontrast veröffentlicht, die sowohl zugänglicher als auch wirklich schön anzusehen sind.

Ich durfte bei Giant Robots dabei sein!


Wir haben einen Instagram-Account unter @real_css_tricks gestartet. Der Plan sind einfach kleine lehrreiche Häppchen.