Wenn Sie anfangen, React zu lernen, werden Sie mit dem Verständnis von State konfrontiert. State ist in React von enormer Bedeutung und vielleicht ein wichtiger Grund, warum Sie sich für die Verwendung von React entschieden haben. Lassen Sie uns einen Versuch starten …

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.

Ich habe an einer Website gearbeitet, auf der dem Benutzer große Bilder angezeigt werden. Anstatt einen typischen Lightbox-Effekt (eine Zoom-in-Animation mit einem schwarzen Overlay) für diese großen Bilder zu erstellen, habe ich beschlossen, etwas zu versuchen...

Haben Sie jemals Ihre Stimme verloren? Wie sind Sie damit umgegangen? Vielleicht hatten Sie ein Notizbuch und einen Stift dabei, um Notizen zu kritzeln. Oder Sie haben schnelle Texte auf Ihrem Handy notiert.

Sind Sie jemals an einen Ort gereist, an dem Sie die Sprache, die alle um Sie herum sprachen, nicht verstanden haben? Wie haben Sie Essen bestellt oder eine Fahrkarte gekauft? Vielleicht haben Sie ein Übersetzungs-Phrasebook oder Google Translate benutzt. Vielleicht haben Sie sich hauptsächlich auf Gesten verlassen.

All diese Lösungen sind Beispiele für Kommunikationsmethoden – Werkzeuge und Strategien –, die Sie möglicherweise zuvor verwendet haben, um alltägliche kommunikative Herausforderungen zu lösen. Die vorherigen Beispiele sind vorübergehende Lösungen für vorübergehende Herausforderungen. Ihre Kehlkopfentzündung war vorbei. Sie kehrten nach Hause zurück, wo die Bewältigung täglicher Aufgaben in Ihrer Muttersprache fast mühelos ist. Stellen Sie sich nun vor, dass diese situativen Hindernisse irgendwie permanent wären.

Stellen Sie sich vor, Sie versuchen, einen Designeffekt zu erzielen, bei dem die Ecken eines Elements ausgeschnitten sind. Vielleicht sind Sie ein Fan von Battlestar Galactica? Oder vielleicht mögen Sie einfach den ungewöhnlichen Effekt, da er nicht so aussieht wie...

Gestalten Sie digitale Produkte (oder Websites) und geben Sie Designdateien zur Implementierung an Entwickler weiter? Wenn Sie mit Ja geantwortet haben, machen Sie es sich gemütlich! Während die Debatte sollten-Designer-programmieren wütet, werden wir uns ansehen, wie das Hinzufügen einer Methodik zu Ihrem Design ...

Es ist viele Monate her seit unserem letzten CSS-Tricks Chronicle. Zur Erinnerung: Dies sind nur kleine Zusammenfassungen von Nachrichten etwas persönlicher Natur sowie von der Seite selbst und umliegenden Projekten.…

Ich bin sicher, Sie kennen den alt-Text. Es ist das Attribut im Bild-Tag, das die wichtige Aufgabe hat zu beschreiben, wofür dieses Bild für jemanden gedacht ist, der es aus irgendeinem Grund nicht sehen kann. Bitte verwenden Sie sie.

Ich möchte nicht …

Ich nehme ziemlich viele kurze Videos auf. Manchmal zur Demonstration von Fehlern oder Merkwürdigkeiten. Manchmal hier für den Blog. Oft für Instagram oder andere soziale Medien.

Erlauben Sie mir, SUPER MÄKELIG zu werden, was ich...