Freecodecamp: CSS HEX / RGB挑战-压缩并减少冗余

创建于 2016-04-04  ·  3评论  ·  资料来源: freeCodeCamp/freeCodeCamp

我们收到的一个常见投诉是有关HTML / CSS部分的结尾。 在这两个主题上有15个不同的挑战-使用RGB和HEX值更改字体的颜色。

这里有很多冗余,老实说,我们真的不需要一次更改每种颜色来获得图片。

我建议我们将其减少至少一半,也许是三分之一。 可能将颜色设置int0组合成一个挑战吗? (“将元素1设置为白色,将元素2设置为红色,将元素3设置为绿色”,等等?)

我不确定有多少RGB内容应直接重复先前的Hex内容。 我们可以在同一课中同时介绍两者吗?

在将其标记为“ Help Wanted”之前,让我们使用此线程来讨论可能的最终状态。

image

标记:@ FreeCodeCamp / issue-moderators

help wanted learn

最有用的评论

挑战评估

建议

我认为您可以将15个挑战合并为这5个挑战:

  • 对特定颜色使用十六进制代码-十六进制代码的介绍。
  • 使用十六进制代码混合颜色-我提到了一张介绍入门挑战的示例颜色表,但是为了使挑战尽可能的小巧,此挑战可以专门用于不同颜色的实验,并测试它们是否具有成功使用一种颜色为背景着色。
  • 使用缩写十六进制代码-缩写十六进制代码的简介。
  • 对色彩元素使用RGB值-RGB值简介。
  • 对混合颜色使用RGB值-使用与上面的挑战类似但具有RGB的表。 甚至可以添加另一列来比较十六进制代码和RGB,从而加强十六进制代码和RGB的使用。

所有3条评论

挑战评估

建议

我认为您可以将15个挑战合并为这5个挑战:

  • 对特定颜色使用十六进制代码-十六进制代码的介绍。
  • 使用十六进制代码混合颜色-我提到了一张介绍入门挑战的示例颜色表,但是为了使挑战尽可能的小巧,此挑战可以专门用于不同颜色的实验,并测试它们是否具有成功使用一种颜色为背景着色。
  • 使用缩写十六进制代码-缩写十六进制代码的简介。
  • 对色彩元素使用RGB值-RGB值简介。
  • 对混合颜色使用RGB值-使用与上面的挑战类似但具有RGB的表。 甚至可以添加另一列来比较十六进制代码和RGB,从而加强十六进制代码和RGB的使用。

听起来很完美。 我卖了

对于混合颜色:
可能需要使用Hex / RGB将3个不同的元素分配为红色/绿色/蓝色。 对每种颜色进行一次测试,仅检查设置是否正确。

也许为不同类型的编码添加一个,可能不是仅在网络上有十六进制,甚至十六进制也可能是1到6个字符。 验证时也应考虑这一点。 例如#f00与#ff0000一样红色。 因此,现在在验证中存在一个错误。

此页面是否有帮助?
0 / 5 - 0 等级