[Robin]: Jemand hat mir neulich aus heiterem Himmel eine E-Mail geschickt und ein seltsames Muster bemerkt: Anscheinend kommt die Konversation immer auf meine Frustrationen zurück, wenn ich über Designsysteme oder Front-End-Entwicklung schreibe …

Zuerst in dieser Woche schrieb Tatiana Mac über die No-Motion-First-Ansatz für Animationen, in dem sie argumentiert, dass Animationen nett, unterhaltsam und großartig sein können, aber für manche Leute sind Animationen schrecklich und können ihnen tatsächliche Beschwerden verursachen oder …

[Robin]: hsl() ist mein neues Lieblings-Designwerkzeug. Okay, es ist nicht ganz neu – hsl() gibt es schon eine Weile – aber ich habe mich in letzter Zeit dabei ertappt, wie ich dieses neue Farbmodell verwendet habe, und von nun an werde ich …

[Robin]: Ich habe mich immer noch nicht mit Web Components auseinandergesetzt und bin mir nicht sicher, warum. Ich nehme an, weil ich die meiste Zeit mit Static Site Generators oder sehr großen Single Page Applications in React verbringe. Aber …

[Robin]: Das Erste, was mir diese Woche ins Auge fiel, war dieses neue HTML-Element namens <popup>. Šime Vidas schrieb darüber in den Weekly Platform News

Ein Popup ist ein temporäres (transientes) und „light-dismissable“ UI-Element, das

Zuerst in dieser Woche schrieb Andy Bell dieses fantastische Stück, in dem er sich mit vielen neuen CSS-Funktionen beschäftigt, die wir heute nutzen können:

CSS ist großartig und wird ständig besser. Insbesondere in den letzten Jahren hat es

Ja, das können Sie jetzt ohne Hacks oder die etwas umständliche Kombination von Pseudo-Elementen und Zählern tun. Ihre beste Wahl? Das ::marker Pseudo-Element. Wir haben gerade den Almanach-Eintrag dazu aktualisiert zu Ihrer Referenz.

ul 

[Robin]: Das Design der Homepage einer Website ist schwieriger als das Erlernen eines neuen Frameworks, schwieriger als der Aufbau einer riesigen Website und herausfordernder als das Auswendiglernen aller Werte und Eigenschaften von CSS. Kurz gesagt, das absolut Schlimmste an …

[Robin]: „Unnötige Initialismen sind ausgrenzend“, schreibt Jeremy Keith in diesem besonders ausgezeichneten Blogbeitrag über Leistung, Webdesign und wie Initialen für Begriffe wie CLS es für alle schwieriger machen, Dinge zu verstehen

Ich habe Mitleid mit

Robin: Diese Woche habe ich *viel* über Framer Motion nachgedacht. Es ist eine Bibliothek, die dazu dient, schöne und komplexe Animationen im Web einfacher zu machen, als sie es sonst wären. Es lohnt sich auch, sich das … anzusehen

Ich glaube nicht, dass wir dies bereits im Newsletter verlinkt haben, aber Chris hat einen fantastischen Beitrag über das neueste Design von CSS-Tricks geschrieben, und hier gibt es eine Menge zu entdecken. Chris vergleicht die vorherige Version mit …

Okay, das ist eine nette Idee, aber wahrscheinlich auch sehr töricht: CSS als Content-API zu verwenden. Dazu kommen wir noch. Aber zuerst: In Custom Properties as State schreibt Chris über Seasonal.css, das „liefert …

[Robin]: In der vergangenen Woche habe ich an einem unterhaltsamen Nebenprojekt gearbeitet, das ich Scroll Story nenne – ein aufwändiger Blogbeitrag, in dem ich über ein Thema rant. Das Aufregendste an dieser kleinen Website ist, dass sie … verwendet

Anfang dieses Monats untersuchte Michelle Barker wie man Elemente mit CSS abdeckt und gab diesen interessanten Tipp, den ich noch nie zuvor gesehen habe

.original-element {
  position: relative;
}

.covering-element {
  position: absolute;
  inset: 0;

[Robin]: Animationen sind wichtig, aber tödlich. Sie können unsere Aufmerksamkeit genau zur richtigen Zeit auf bestimmte Informationen lenken, sie können Spaß machen, wenn man auf eine Schaltfläche geklickt hat, und Animationen können auch verwendet werden, um Sie …

Wir haben eine Reihe von Autoren und Front-End-Leuten zusammengestellt, die Ihnen in den Gedanken zum Jahresende 2020 erzählen, was sie in diesem Jahr gelernt haben. Es gibt hier viel zu lernen (und es gibt noch viele mehr …

[Robin]: Making things move von Varun Vachhar ist ein fantastischer Blogbeitrag, auf den ich neulich gestoßen bin. Er spricht darüber, wie er die folgende Animation mit canvas-stretch erstellt hat und beschreibt Schritt für Schritt den Entwurfsprozess

Nicht nur …

Sarah schrieb über all die spannenden Möglichkeiten, die sich eröffnen, wenn man die Feinheiten von SVG lernt

Wenn man SVG einmal gelernt hat, kann man wirklich alles zeichnen und es auf jedem Gerät skalieren lassen. Sogar

[Robin]: Das Erste, was mir diese Woche ins Auge fiel, ist dieses fabelhafte Tutorial von Alex Trost, in dem er uns durch die Erstellung dieses ziemlich pfiffigen Designs führt

Dieses Design ist das Werk von Andy Barefoot, der wirklich vorantreibt …

[Robin]: Ich habe einmal jemanden für eine Stelle als UI-Ingenieur interviewt und etwas Interessantes bemerkt. Wir bauten eine UI, die Flexbox beinhaltete, und die Person öffnete DevTools und begann, in der Liste auf und ab zu klicken …