codepen_CodePen挑战＃1：结果！

最新推荐文章于 2025-12-26 18:13:00 发布

翻译最新推荐文章于 2025-12-26 18:13:00 发布 · 184 阅读

文章标签：

#java #人工智能 #matlab #github #游戏

上周，我们举办了首次CodePen挑战赛，邀请参赛者根据乔纳森·卡特雷尔的教程设计节链接样式。共有46位参与者提交了作品，部分优秀作品已被收录至CodePen收藏夹。我们感谢每位参与者的贡献，并期待未来更多的挑战。

codepen

上周，我们要求您参加我们的第一个CodePen挑战赛（哦，还会有更多挑战）–这就是大家都准备好的东西！

挑战

根据乔纳森·卡特雷尔（Jonathan Cutrell）的最新教程，要求您设置一些节链接的样式。

集合

你们中的46人参加了比赛，所有条目都被拉到CodePen的一个收藏夹中。这是我们的一些最爱！

谢谢！

在此向所有参加的人打耳光！我们很快就会遇到另一个挑战-如果您对Tuts +上的社区项目有任何想法或意见，请在评论中告知我们。

翻译自: https://webdesign.tutsplus.com/articles/codepen-challenge-1-results--cms-23585

codepen

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

daique1908

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

大显身手 | Flutter CodePen 挑战赛来了！

谷歌开发者

07-10

838

作者 / Anjan Narain, Flutter Developer, Google从一开始，Flutter 的目标之一就是让开发者创造美好的用户体验。全球社区每天都在涌现出大量的应...

codepan-challenges:我参加了CodePen每周的挑战，而且我玩得很开心。我一直在尝试跳出框框思考，并提出一些原创，互动和有趣的东西

03-18

CodePen挑战我参加了CodePen每周的挑战，而且我玩得很开心。我一直在尝试跳出框框思考，并提供一些新颖，互动和有趣的东西！还可以改善我的JS，Typescript和CSS技巧。该回购协议有一些未解决的问题，并且有一些主意，因此，如果您愿意，可以随时做出贡献。 2020年11月的挑战-设计原理第一周：对比-为自己养羊第2周：间隔-清理并发现（不是）隐藏的笑话第3周：重复-检查程序员的生活！第四周：团结-让棍子人开心 2020年12月的挑战-假期到了！第1周：日历和倒数-新年倒数第二周：节日装饰品第3周：假日电影和歌曲+第4周：假日贺卡我跳过了。我试过了，但我不是一个喜庆的人。不好玩。 2021年Januar挑战-物质状态第一周：扎实

参与评论您还未登录，请先登录后发表或查看评论

Flutter CodePen 本周挑战 | 布局创意！

谷歌开发者

07-16

517

本周挑战:布局创意Flutter 的所有功能都是通过 widget 实现的，布局自然也不例外。Flutter 独有的约束系统简洁而不简单，它具备处理几百个 widget 的强大能力。通...

Flutter CodePen 本周挑战 | 动画特效！

谷歌开发者

07-23

543

本周挑战:动画特效在 Flutter 中，有一类动画可借助库内置的动画 widget 自动实现不同的动画效果，这种动画被称为 "隐式动画" (implicit anim...

18个CodePen上的游戏将教你学习编程

web前端开发

04-05

680

英文 |https://javascript.plainenglish.io/17-exciting-games-on-codepen-you-can-learn-from-about-...

CodePen上创意代码展示者指南：必关注顶尖高手

在探讨为何人们应该在CodePen上关注特定的用户之前，我们先了解CodePen这个平台。CodePen是一个社会开发环境，为前端开发者们提供了一个分享和发现HTML、CSS和JavaScript代码片段的社区。它不仅能够展示简单的代码...

CodePen周挑战体验分享：创意与技术的碰撞

资源摘要信息:"CodePen挑战是一个社区驱动的活动，每周都会为网页设计师和前端开发者提供一个主题，参与者需要在CodePen这个网页开发环境中创建与主题相关的作品。CodePen是一个社交开发环境，允许用户编写HTML、CSS...

Mobile_App_Edited：基于CodePen的移动端直播应用原型

“Mobile_App_Edited”选择在此平台发布，意味着它面向的是广大前端开发者、UI设计师和技术爱好者群体，旨在传播设计理念、交流编码技巧或参与社区挑战。通过公开句柄（Handle: OnlineMD），其他用户可以直接查看...

CodePen挑战：个人投资组合项目代码分享

描述部分提到这是一个“免费代码营”挑战的完成代码，说明该挑战可能是Codepen I或其他平台上的一个教育性项目，旨在提供实战机会，帮助参与者通过实际编码来提升技术。代码作者指出自己留下的注释掉代码是为了学习...

构建类似Codepen的JS编辑器：TypeScript、React和Lerna应用

#### 1. TypeScript TypeScript 是 JavaScript 的一个超集，它在 JavaScript 的基础上增加了类型系统和对 ES6+ 的支持。TypeScript 的主要特点是能够提供类型注解，这样可以在编译阶段就发现一些类型错误，提高代码...

2018年3月十大好玩的CODE PEN

前端大全

03-05

1020

（点击上方公众号，可快速关注）英文：tutorialzine 译文：众成翻译/betseyliuhttp://zcfy.cc/article/10-amazing-codepen-demos-for-march-2018WEB开发社区总是不乏天才型的程序员、设计师和艺术家，正是由于他们不断推陈出新，引领着WEB的发展。在codepen上，每天都有数以百计的优秀作品诞生。这篇文章中，我们将回顾

CodePen平台使用

m0_71266578的博客

03-20

4181

更是为技术成长提供了优质路径。建议结合 Chrome 开发者工具的 Device Mode 功能，打造完整的移动优先开发体验。通过 CodePen，开发者可以突破传统开发环境的限制，实现从创意到原型的快速迭代。快速构建可交互的 MVP 版本（平均节省 60% 开发时间）提供可交互的文档示例（替代传统静态代码示例）候选人通过共享 Pen 展示实际编码能力。实时演示代码演进过程（支持演讲者模式）通过 CLI 工具同步代码。触发 CI/CD 流程。

10个能免费学习编程的网站

SYJAaso的博客

03-23

3647

在这个网站上，排名将根据一个叫做 kyu 的点来计算，根据你解决的问题的级别，这个分数会高或低。找到问题的解决方案后，你可以查看其他人的答案，以比较你的编码方式和代码的有效性。一旦我们开始学习了编程语言的基础知识，接下来，我们要将这些知识应用到实际项目中，就是要更长的时间去理解和记忆一些代码。Edabit 网站，我们可以通过此网站上的实时问题，来解决记忆编程语言的基础知识和高级知识。课程中的编程语言是为了适合刚开始编程的人而安排的，例如学习HTML，然后是CSS。此外，它还有自己的论坛可以帮助您提问。

构建一款未来派的霓虹太空射击游戏，由 Gladiators Battle 打造具有史诗般的 Boss 战

12-12

1118

在不断发展的 Web 开发世界中，创建引人入胜的交互式体验是吸引受众的关键。今天，我们将踏上激动人心的旅程，打造一款未来派的霓虹太空射击游戏，具有先进的动画、令人上瘾的游戏玩法和史诗般的 Boss 战。构建未来派的霓虹灯太空射击游戏不仅是一个有趣的项目，而且是提高 Web 开发技能的好方法。注意：将“your-circuit-pattern-url.png”和“your-stars-pattern-url.png”替换为实际的图像 URL 或本地路径。现在，我们将使用 JavaScript 开发游戏机制。

三个编程网站：PythonChallenge, ProjectEuler, MathsChallenge

weixin_30526593的博客

08-25

105

数学在计算机科学中的作用举足轻重。这段时间思考了下自己的发展定位，决定加强数学、数据结构与算法方面的知识学习。记得去年自学Python的时候，在PythonChallenge上做过几道题，还是挺有意思的，这个网站以游戏通关的形式让参与者攻克难题，答对一道题目后，就可以看到许多其他参与者给出的各式各样的解答，解决问题的编程语言以Python为主，但你也会发现有很多使用其他语言的解答。不过后来忙着...

那些有趣的codepen项目

weixin_34315485的博客

03-09

1657

那些有趣的codepen项目codepen是一个在线的前端代码编辑运行的网站，支持前端现今的众多技术，比如babel，coffeescript， typescript， scss，less，stylus。可以用于在线展示demo或者代码。codepen目前项目众多，其中也不乏很多优秀的作品，本期周刊将把一些过目不忘，实用又有趣的项目，我收藏的全部家底儿都推荐给大家。不用言谢，点赞支持。文章超长，有...

Java ArrayList和线性表

Harrybili的博客

12-22

814

在集合框架中，ArrayList是一个普通的类，实现了List接口，具体框架图如下说明是以泛型方式实现的，使用时必须要先实例化实现了接口，表明ArrayList支持随机访问实现了Cloneable接口，表明ArrayList是可以clone的实现了接口，表明ArrayList是支持序列化的5.和Vector不同，ArrayList不是线程安全的，在单线程下可以使用，在多线程中可以选择Vector或者CopyOnWriteArrayList。

点赞系统问题