[Robin]: Eines der nützlichen Dinge an VS Code ist, dass man beim Öffnen eines Projekts Tasks ausführen kann. Anstatt also die Kommandozeile öffnen zu müssen und auch VS Code offen zu haben...

Core Web Vitals ist, wie Google die Leistung einer beliebigen Website misst, und Sie haben vielleicht schon die Schlagworte wie LCP, FID und CLP gehört. Aber das sind tatsächlich sehr nützliche Metriken...

[Robin]: Ich habe diesen Beitrag von Dave Rupert über das Setzen von Farbvariablen gelesen, der eine Kombination aus Sass-Variablen, CSS-Variablen und dem, was Dave „semantische Theme-Variablen“ nennt, verwendet. Er schreibt:

Letzte Woche hatte ich die Gelegenheit, an einem

[Robin]: Diese Woche bin ich in eine neue Wohnung gezogen und alles ist, nun ja, um es milde auszudrücken, ein absoluter Albtraum. Es gibt einen Rattenkönig von Kabeln und drei Waschsalons voller Kleidung auf dem Boden. Wichtige Dokumente sind herumgeworfen...

Erst kürzlich schrieb Kilian Valkohof diesen großartigen Beitrag darüber, wie man einen Full-Bleed-Layout-Effekt erstellt, bei dem ein Element wie ein Bild aus dem von Ihnen etablierten Raster ausbricht.

Kilian zeigt uns, wie er das mit einfachem...

Anfang dieser Woche habe ich mir diesen fantastischen Vortrag von Ethan Marcotte über den aktuellen Stand von Designsystemen angesehen und ich konnte nicht aufhören, darüber nachzudenken. Der Teil, der mir wirklich in Erinnerung geblieben ist, war dieses Stück:...

Hier ist ein fantastischer Beitrag von Linzi Berry über das Designsystem-Team bei Lyft und wie sie an ihren Farbrichtlinien arbeiten.

Auf den ersten Blick scheint Farbe einfach zu sein, aber 100+ Designer und Ingenieure dazu zu bringen, sie zu befolgen

[Robin]: Mein Hauptjob ist bei Sentry und ich habe noch nie bei einem Unternehmen gearbeitet, in dem sich alle so intensiv um die Qualität der Codebasis und des Designs kümmern. Aber eine Sache, die meiner Meinung nach verbessert werden könnte, ist unser CSS...

Großartige Neuigkeiten diese Woche: Ein neues Bildformat taucht auf! Und wie Jake Archibald schreibt, heißt es AVIF und es wurde gerade in Chrome gestartet, sodass Sie es heute mit Hilfe von picture verwenden können...

[Robin]: In einem Beitrag neulich über Text Stroke und CSS schrieb Chris:

Immer wenn ich an umrandeten Text im Web denke, denke ich: nö.

Das ist für mich interessant, weil immer wenn mich jemand nach einem...

Eine Sache, die ich im Web nicht genug sehe, sind Experimente mit CSS-Transformationen, und das ist mir neulich wieder eingefallen, als ich dieses großartige Beispiel von Meng To gesehen habe.

Ich denke, Transformationen...

[Robin]: Am Wochenende habe ich diesen Beitrag von Jim Nielsen über Webtechnologien und Syntax gelesen, der mir sehr gut gefallen hat. Der Kern des Beitrags ist, dass die neueste technische Errungenschaft nicht immer die Antwort auf unsere Probleme ist, ...

[Robin]: Diese Woche möchte ich mir die Funktionen min(), max() und clamp() genauer ansehen. Ich höre immer wieder Dinge darüber, aber ich habe sie noch nie produktiv eingesetzt, und obwohl dies relativ neue Funktionen sind, ...

Beginnen wir diese Woche mit einer bemerkenswerten Demo von Amit Sheen, bei der er die Seiten eines Buches nur mit CSS animiert.

Der Trick? Jede Seite ist in 7 Segmente unterteilt, ...

Hey hey! Chris hier. Wenn ich einen Artikel (oder einen Teil davon) lese und ihn interessant finde, speichere ich ihn oft zum späteren Teilen. Denn nun ja, das ist eine der Dinge, die ich hier tue! (Im Moment mag ich ...

Das ist der raffinierteste Trick, den ich seit einiger Zeit gesehen habe. In dieser Demo kreiert Steve Faulkner eine Möglichkeit, ein GIF effektiv anzuhalten, indem er das Bild in <details>/<summary> einwickelt und diese Elemente auf ... positioniert.

[Robin]: Diese Woche habe ich erkannt, dass ich ein Designproblem nicht auf der richtigen Ebene löste. Hier ist die Szene: Ich saß an meinem Schreibtisch und kämpfte damit, einige neue Funktionen auf diese eine Seite zu bringen. Doch es gibt so viele Richtungen...

[Robin]: Ich habe dieses psychedelische TikTok gefunden, bei dem ein Künstler eine Sammlung von Wörtern übereinanderlegt und sie dann um die Mitte dreht, wodurch ein extrem cooler Effekt entsteht.

Wow, richtig? Ich wollte versuchen, das zu replizieren...

Unser vollständiger Leitfaden zu Flexbox ist etwas, das ich wöchentlich benutze und das mir über die Jahre so viel Verwirrung und Herzschmerz erspart hat. Aber jetzt muss ich nicht einmal mehr gehen...

Thomas Park hat diesen schönen Fold-In-Effekt erstellt, der völlig ohne JavaScript und nur mit einem einzigen Bild auskommt.

Ich liebe solche Beiträge, die etwas enthüllen, das super kompliziert aussieht, aber ...