Direkter Link zum Artikel Vermeidung der Fallstricke verschachtelter Komponenten in einem Designsystem

Vermeidung der Fallstricke verschachtelter Komponenten in einem Designsystem

Bei der Erstellung einer komponenten-basierten Front-End-Infrastruktur ist einer der größten Schmerzpunkte, auf die ich persönlich gestoßen bin, die Erstellung von Komponenten, die sowohl wiederverwendbar als auch reaktionsschnell sind, wenn es verschachtelte Komponenten innerhalb von Komponenten gibt.…

Avatar of Dan Christofi
Dan Christofi am
Direkter Link zum Artikel Befinden wir uns in einer neuen Ära des Webdesigns? Wie nennen wir sie?

Befinden wir uns in einer neuen Ära des Webdesigns? Wie nennen wir sie?

Una nennt es das neue Responsive. Eine Anspielung auf die Ära, in der wir uns zweifellos befanden: die Ära des Responsive Design. Während Responsive Design aus fluiden Grids, flexiblen Medien und Media Queries bestand, ist das neue Responsive all das …

Avatar of Chris Coyier
Chris Coyier am
Direkter Link zum Artikel Intrinsische Typografie ist die Zukunft der Textgestaltung im Web

Intrinsische Typografie ist die Zukunft der Textgestaltung im Web

Die Art und Weise, wie wir Text gestalten, hat sich über die Jahre nicht viel verändert. Es gab zahlreiche Fortschritte, die zur Flexibilisierung beitrugen, wie Layouts, aber in Bezug auf die Gestaltung sind die meisten endlichen Aspekte unserer Designs, wie Text, relativ unverändert geblieben. ...

Avatar of Scott Kellum
Scott Kellum am
Direkter Link zum Artikel Verwenden Sie CSS Clamp, um ein flexibleres Wrapper-Utility zu erstellen

Verwenden Sie CSS Clamp, um ein flexibleres Wrapper-Utility zu erstellen

Ich mag Andys Idee hier

.wrapper {
  width: clamp(16rem, 90vw, 70rem);
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

Normalerweise würde ich hier einfach eine max-width setzen, aber wie Andy sagt

Dies wird zu einem leichten Problem in mittelgroßen Viewports, wie zum Beispiel

Avatar of Chris Coyier
Von Chris Coyier am