祝贺我们的前端挑战赛获胜者！

不到两周前，我们宣布了我们的第一个 DEV 挑战：前端挑战。

我们欢迎大家参与一个或全部三个提示：

• CSS 艺术：将您最喜欢的零食变成 CSS 艺术
• Glam Up My Markup：采用我们提供的 HTML 并使其具有交互性
• 单字节解释器：用 256 个字符或更少的字符解释浏览器 API 或功能

结果让我们大吃一惊。每个题目都产生了几十份可能获奖的参赛作品。当然，每个题目只能选出一位获奖者，获奖者名单如下。

我们真的非常希望所有提交作品的人都能回来参加下一次前端挑战，因为这个小组中肯定有很多未来的赢家。

祝贺…

@floscode凭借其美味互动的 CSS 香蕉，荣登CSS 艺术类别榜首。哇！

这绝对是彻头彻尾的创意。它延伸了挑战的理念，同时又直击人心。此外，它还很好地解释了部分灵感的来源，值得加分。

前端挑战：🍌香蕉是优质水果

弗洛里安 ・ 3月25日

#前端挑战 #dev挑战 #css

@rafajrg21通过使我们的营地活动具有互动性而赢得了Glam Up My Markup类别的奖项，这正是它们应有的样子。

该提交提供了一种可访问、干净、交互式的设计，适用于各种窗口尺寸。

前端挑战：美化营地活动

拉斐尔·罗梅罗 ・ 3月31日

#frontendchallenge #devchallenge #css #javascript

@highflyer910凭借其对 的有益且简洁的解释赢得了One Byte Explainer的胜利Intersection Observer API。

Intersection Observer API跟踪元素在屏幕上的可见时间。避免使用昂贵的事件处理程序。优化并保持对视口变化的响应。

与传统的滚动/调整大小事件处理程序相比，它更高效，实现也更简单。快来尝试一下吧！

这篇投稿比较并对比了所描述的 API 和它所取代的流行替代方案。篇幅利用得非常好。

交叉口观察器 API - One Byte Explainer

Thea ・ 3月21日

#frontendchallenge #devchallenge #javascript #webdev

除了吹牛的权利之外，我们的获胜者还将在他们的 DEV 个人资料上获得独家获胜者徽章，以及他们想要的来自DEV 商店的DEV 挑战系列的任何礼物。

所有参与者将于本周收到参与徽章。

下一步是什么？

我们很快将举办新一届前端挑战赛！请务必关注我们的挑战标签，以免错过公告。记住，你随时可以借鉴之前项目的工作成果（尤其是经验），所以并非一无所获！

感谢所有参与的人。❤️

我们希望您玩得开心、感受到挑战，并为您的专业形象增添一两点亮点。

下次再见！