Ahmad Shadeed 阐述了卡片组件的概念,它具有固定的语义 HTML 集,并包含一些 BEMy 类。它包含标题、作者、图像和标签。然后,他将卡片重新设计为五种完全不同的设计,而无需触碰任何 HTML,只修改 CSS。
如果您有所感悟,那太棒了!您可能想知道,这个确切的概念实际上激发了整整一代前端开发人员,这在一定程度上归功于 CSS Zen Garden 的概念,其中整个网站都是一组固定的 HTML,只有 CSS 变化才能孕育出令人难以置信的创造力。
当然,在进行重新设计工作时,我们通常会接触到 HTML,但这仍然是一个有趣的练习,可以突显 CSS 的强大功能。我想知道 JavaScript 驱动的组件是否能带给我们今天的这种敬畏感,因为它们具有类似的抽象能力:更改组件并查看对整个网站的影响。只是,这个想法不再是基于约束,而是没有任何约束。