首页  >  文章  >  web前端  >  前端挑战让我的标记变得迷人:娱乐

前端挑战让我的标记变得迷人:娱乐

WBOY
WBOY原创
2024-08-05 17:23:351096浏览

这是前端挑战 v24.07.24 的提交,Glam Up My Markup:娱乐

我建造了什么

稍事休息后,我回来参加这个挑战,我真的很喜欢这个前提,我尝试创建一个流畅且动态的设计,毕竟这是一个体育页面。并不像我希望的那样反应敏捷且易于访问,但这是我在当前的时间限制和我的国家的所有困难情况下能做的最好的事情。

当然,我总是尽力遵守挑战规则,但这次我在动画上全力以赴,这些是节目的明星,特别是滚动动画。

演示

对于这个演示,我建议始终在完整页面视图中查看它,特别是在新选项卡中(请),当然它将在桌面(最佳体验)和移动(最常见的方式)中发挥作用。

旅行

我可以用一些枯燥的原则不断改进代码,特别是前面提到的滚动动画,我在代码中重复了很多逻辑,但我确实尽力保持它尽可能干净和清晰。这次提交的设计过程是我最喜欢的部分,选择一个好的配色方案并不容易,但我很高兴我选择了红色、灰色和奶油色的组合,我希望你也觉得它看起来很漂亮。

The Frontend Challenge  Glam Up My Markup: Recreation

凭借我对 Commons Creative License 的新知识,找到一些“真实的”板球图像很容易,并且我在最近的 DEV 帖子中发现的工具中找到了一些不错的图标(我会尝试找到该帖子以表示感谢)在评论中)。但我还制作了一些资产,例如日程表部分中的板球图案,当然还有这篇文章的封面图片。

The Frontend Challenge  Glam Up My Markup: Recreation

这就是本次的全部内容。如果您参加这项挑战,我希望您能像我一样对自己的工作感到满意。如果没有,也许即将到来的挑战将是你大放异彩的时候。

一如既往,如果您有任何反馈,可以发表评论或给我发私信。英语是我的第二语言,所以请对我好一点❣️感谢您阅读到目前为止,直到下一次,再见!

以上是前端挑战让我的标记变得迷人:娱乐的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn