Freecodecamp: CSS HEX / RGB-Herausforderungen - Redundanz komprimieren und reduzieren

Challenge Assessment

• Verwenden Sie Hex-Code für bestimmte Farben - Ich denke, wir sollten dies beibehalten, da es Hex-Codes einführt und eine kurze Diskussion darüber gibt, warum Hex-Codes existieren und wie sie verwendet werden. Um diese Herausforderung zu erweitern (obwohl sie bereits ziemlich textlastig ist), müssen Sie eine Tabelle oder eine Liste anderer möglicher Farben mit ihren Hex-Codes hinzufügen. Wir könnten auch das Experimentieren mit anderen Hex-Codes fördern, da sich das simulierte Telefon in Echtzeit ändert.
• Verwenden Sie Hex-Code, um Elemente weiß zu färben - dies kann wahrscheinlich entfernt werden.
• Verwenden Sie Hex-Code, um Elemente rot zu färben - diese Herausforderung kann auch entfernt werden. Es ist auf zwei Arten redundant: Es erklärt Hex-Codes erneut und ändert die Farben in Rot, was in der Herausforderung Hex-Code für bestimmte Farben verwenden angezeigt werden kann.
• Verwenden Sie Hex-Code, um Elemente grün zu färben - diese Herausforderung kann entfernt und nur in Verbindung mit der ersten Herausforderung für Hex-Codes hinzugefügt werden.
• Verwenden Sie Hex-Code, um Elemente blau zu färben - diese Herausforderung kann entfernt und nur in Verbindung mit der ersten Herausforderung für Hex-Codes hinzugefügt werden.
• Verwenden Sie Hex-Code zum Mischen von Farben - diese Herausforderung kann entfernt und nur in Verbindung mit der ersten Herausforderung für Hex-Codes hinzugefügt werden.
• Verwenden Sie Hex-Code, um Elemente grau zu färben - entfernen Sie sie ebenfalls.
• Verwenden Sie den Hex-Code für bestimmte Graustufen - entfernen Sie diese ebenfalls.
• Verwenden Sie abgekürzten Hex-Code - Ich denke, dieser sollte beibehalten werden, da er ein neues Konzept von abgekürzten Hex-Codes einführt und zu viel wäre, wenn er in die Einführungsherausforderung geworfen würde.
• Verwenden Sie RGB-Werte für Farbelemente - halten Sie die Herausforderung aufrecht, da RGB eingeführt wird
• Verwenden Sie RGB, um Elemente weiß zu färben - entfernen.
• Verwenden Sie RGB, um Elemente rot zu färben - entfernen.
• Verwenden Sie RGB, um Elemente grün zu färben - entfernen.
• Verwenden Sie RGB, um Elemente blau zu färben - entfernen.
• Verwenden Sie RGB, um Farben zu mischen - möglicherweise behalten.

Vorschlag

Ich denke, Sie können 15 Herausforderungen in diesen 5 Herausforderungen zusammenfassen:

• Hex-Code für bestimmte Farben verwenden - Die Einführung in Hex-Codes.
• Verwenden Sie den Hex-Code für den Farbmix - Ich erwähnte, dass es eine Tabelle mit Beispielfarben für die Intro-Herausforderung gibt. Um diese Herausforderung jedoch so schlank wie möglich zu halten, könnte diese Herausforderung dem Experimentieren mit verschiedenen Farben gewidmet sein und nur einen Test durchführen, ob dies der Fall ist erfolgreich eine Farbe verwendet, um den Hintergrund zu färben.
• Abgekürzten Hex-Code verwenden - Die Einführung in abgekürzte Hex-Codes.
• Verwenden von RGB-Werten zum Färben von Elementen - Die Einführung in RGB-Werte.
• RGB-Werte für Farbmischung verwenden - Verwenden Sie eine Tabelle ähnlich der obigen Herausforderung, jedoch mit RGB. Fügen Sie möglicherweise sogar eine weitere Spalte hinzu, um Hex-Codes und RGB zu vergleichen, wodurch die Verwendung von Hex-Codes und RGB verstärkt wird.

Das klingt einfach perfekt. Ich bin verkauft.

Zum Mischen von Farben:
Es kann sinnvoll sein, 3 verschiedene Elemente zu haben, die mit Hex / RGB Rot / Grün / Blau zugewiesen werden müssen. Ein Test pro Farbe, nur um zu überprüfen, ob sie eingestellt sind.

Fügen Sie möglicherweise eine für verschiedene Arten von Codierungen hinzu. Möglicherweise gibt es nicht nur im Web Hex, und sogar Hex kann 1 bis 6 Zeichen lang sein. und das sollte auch bei der Validierung berücksichtigt werden. ZB ist # f00 so rot wie # ff0000. Es gibt also jetzt einen Fehler bei der Validierung.