Artikel mit Schlagwort
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.…
Responsive Layouts, weniger Media Queries
Wir können nicht über Webentwicklung sprechen, ohne Responsive Design zu erwähnen. Es ist heutzutage einfach eine Grundvoraussetzung und das schon seit vielen Jahren. Media queries sind ein Teil von Responsive Design und sie werden so schnell nicht verschwinden. Seit der Einführung von …
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 …
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. ...
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
Die Raven-Technik: Ein Schritt näher zu Container Queries
Zum millionsten Mal: Wir brauchen Container-Abfragen in CSS! Und raten Sie mal, es sieht so aus, als ob wir in diese Richtung gehen.
Beim Erstellen von Komponenten für eine Website weiß man nicht immer, wie diese Komponente verwendet wird. Vielleicht ...
Vergleiche von Browsern für Responsive Design
Es gibt eine Reihe von Desktop-Apps, deren Ziel es ist, Ihre Website gleichzeitig in verschiedenen Dimensionen anzuzeigen. So können Sie zum Beispiel CSS schreiben und sicherstellen, dass es über alle Viewports hinweg funktioniert …
So erstellen Sie eine responsive Kartenkomponente ohne Media Queries
Fun Fact: Es ist möglich, responsive Komponenten ganz ohne Media Queries zu erstellen. Sicherlich wären Container Queries sehr nützlich für responsives Design auf Komponentenebene. Aber wir haben keine. Trotzdem, mit oder ohne ...