max-inline-size ist eine logische Eigenschaft in CSS, die die maximale Breite eines Elements definiert, wenn der writing-mode horizontal ist, oder die maximale Höhe des Elements, wenn der writing-mode vertikal ist.
.element {
max-inline-size: 500px;
writing-mode: vertical-lr;
}inline-size ist eine logische Eigenschaft, die die Breite eines Elements definiert, wenn der writing-mode horizontal ist, oder die Höhe des Elements, wenn der writing-mode vertikal ist.
.element {
inline-size: 700px;
writing-mode: vertical-lr;
}Wie Sie vielleicht schon erraten haben …
Die Web Content Accessibility Guidelines (WCAG), eine Organisation, die Standards für die Barrierefreiheit von Webinhalten definiert, legt keine Mindestschriftgröße für das Web fest.
Aber wir wissen, dass es so etwas wie Text gibt, der zu klein ist, um …
Das Festlegen von CSS-Variablen für das Theming eines Design-Systems kann knifflig sein: Wenn sie zu spezifisch (scoped) sind, verliert das System an Konsistenz. Wenn sie zu global sind, verliert man an Granularität.
Vielleicht können wir beide Probleme lösen. Ich möchte versuchen, Design-System-Variablen auf zwei Typen zu reduzieren: Globale und Komponenten-Variablen. Globale Variablen sorgen für Konsistenz über alle Komponenten hinweg. Komponenten-Variablen bieten uns Granularität und Isolation. Lassen Sie mich Ihnen anhand einer recht einfachen Komponente zeigen, wie das geht.
Man kann alles lernen, aber man kann nicht alles lernen 🙃
Akzeptiere das also und konzentriere dich auf das, was dir wichtig ist
— Una Kravets 👩🏻💻 (@Una) 1. September 2017
Una Kravets hat absolut recht. In der modernen CSS-Entwicklung gibt es so …
Vor einem Monat habe ich untersucht, wie wichtig es ist, sich auf Interaction Media Features zu verlassen, um die Fähigkeit des Benutzers zu identifizieren, über Elemente zu schweben (Hover) oder die Genauigkeit seines Zeigegeräts zu erkennen – also ein präzises Gerät wie eine Maus oder ein …
Frontend-Entwickler und Webdesigner leben in einer wahnsinnigen Multi-Geräte-Realität.
Vor ein paar Monaten diskutierte das Red Hat UXD-Team darüber, wie man Unternehmensanwendungen für mobile Umgebungen entwirft. Sarah und Jenn, meine talentierten Kollegen, wiesen darauf hin, dass Touch …
