小红花·文摘
  • 首页
  • AI Tokens🪙
  • 排行榜🏆
  • 直播
  • FAQ
世界仍然需要关心他人的人 - CodePen创始人Chris Coyier采访 [播客#212]

今天,Quincy Larson采访了前端开发者Chris Coyier,讨论了前端工具的发展、网页开发的优势,以及高技能开发者如何应对AI带来的挑战。

世界仍然需要关心他人的人 - CodePen创始人Chris Coyier采访 [播客#212]

freeCodeCamp.org freeCodeCamp.org · 2026-03-20T11:30:00Z
我在CodePen上的精彩新作品

丹尼尔·哈加于4月24日在CodePen上发布了新代码,展示了他在网页开发和编程方面的进展。

我在CodePen上的精彩新作品

DEV Community DEV Community · 2025-04-24T00:38:19Z
#CodePen挑战:抽一张牌 | 扑克牌

文章提到作者制作了一支笔,并鼓励读者关注。

#CodePen挑战:抽一张牌 | 扑克牌

DEV Community DEV Community · 2025-04-20T15:13:02Z
利用D3的过渡功能为SVG元素赋予生命

我研究了D3.js中的动画效果,创建了一个简单的行星系统示例,利用D3的过渡功能实现了行星的平滑运动和颜色变化。结果可在Codepen查看。

利用D3的过渡功能为SVG元素赋予生命

DEV Community DEV Community · 2025-04-14T09:50:51Z
带有AI的CodePen游戏

本文介绍了作者在CodePen上创作的26个互动项目,包括《口袋妖怪捕手》、《3D火箭模拟器》和《动态迷宫导航器》。欢迎大家参与和修改这些项目。

带有AI的CodePen游戏

DEV Community DEV Community · 2025-04-03T15:34:00Z
CodePen HTML

文章提到作者制作了一支笔。

CodePen HTML

DEV Community DEV Community · 2025-03-20T05:21:56Z
CodePen的2019年

这是一支我制作的笔。

CodePen的2019年

DEV Community DEV Community · 2025-03-08T23:07:36Z
10个酷炫的CodePen演示(2025年2月)

文章介绍了一些有趣的编程演示,包括对吉卜力工作室的致敬、波浪范围滑块、可爱的抓娃娃机和情绪反应单选按钮等,展示了独特的设计和互动性。

10个酷炫的CodePen演示(2025年2月)

DEV Community DEV Community · 2025-03-01T20:12:04Z
我在游戏开发中的旅程 – 在CodePen上制作我的第一个游戏!

尼古拉斯是一名游戏开发爱好者,正在CodePen上制作他的第一个项目BLOWAM,一款简单的火箭射击游戏。玩家控制角色射击建筑和树木,游戏仍在早期阶段。他使用HTML和JavaScript开发,计划增加得分系统和更多互动功能,欢迎反馈。

我在游戏开发中的旅程 – 在CodePen上制作我的第一个游戏!

DEV Community DEV Community · 2025-02-20T20:11:53Z
范围输入类型

第三周的Codepen挑战涉及范围输入。我在dribble上找到了一些漂亮的插图,花了30分钟在Illustrator中重绘,随后又花了30分钟在Codepen上实现简单的范围输入和优雅的SVG动画。

范围输入类型

DEV Community DEV Community · 2025-02-18T01:51:06Z
10个酷炫的CodePen演示(2024年10月)

Ksenia Kondrashova展示了逼真的水波效果,Temani Afif利用单个HTML标签创造了3D效果,Ana Tudor通过SVG滤镜实现颜色高亮。Sophia Wood的互动演示“烦人的土豆”趣味十足,Chris Bolson制作了动画圆形画廊,Dave Rupert展示了CSS颜色对比,Chris Coyier实现了带滚动动画的标志,Paul Noble结合了滚动动画和卡片堆叠效果。

10个酷炫的CodePen演示(2024年10月)

DEV Community DEV Community · 2024-11-04T03:25:45Z

文章介绍了一些有趣的网页动画。Temani Afif展示了头像位置动画凹口,Rafa的演示根据时间变化,Ksenia Kondrashova的像素扭曲模拟水或沙质感。Guillaume Martigny用Pencil.js创建松树林效果,Grant Jenkins设计了舞动虫子动画。Mergim Ujkani用CSS制作Docker标志动画,Mariana Beldi展示平滑滚动,Gibson设计奥运奖牌计数器,Jon Kantner开发录音切换组件,yuanchuan展示旋转SVG动画。

2024年9月的10个酷炫CodePen演示

DEV Community DEV Community · 2024-10-08T00:21:22Z

文章介绍了作者在Codepen上测试dev.to按钮的经历,使用他人创意制作作品并分享过程。

字体的重要性

DEV Community DEV Community · 2024-09-21T01:46:32Z

作者是一名多年的开发者,主要从事网站后端工作,对前端技能不太擅长。然而,作者在Code Pen上完成了自己的第一个项目,并希望得到反馈。

首次公开代码!

DEV Community DEV Community · 2024-09-13T18:57:48Z

DevCanvas是一个在线的代码片段编辑器,可以方便地进行原型设计和分享。它起初是一个实验,现已发展成一个功能齐全的编辑器,具有实时编辑和简洁的界面。DevCanvas采用SvelteKit、TailwindCSS和Supabase构建,是开源的,目前免费使用。创建者希望其他人能够贡献和改进这个平台。

我打造了一个开源的 Codepen 替代品——DevCanvas

DEV Community DEV Community · 2024-09-13T06:37:19Z

这篇文章介绍了一些有趣的前端开发示例,包括漂亮的用户体验、3D动画、图像库、表单设计和消息预览等。这些示例展示了创新的设计和技术,给读者带来了新的灵感和惊喜。

2024年8月的10个酷炫CodePen示例

DEV Community DEV Community · 2024-09-10T23:51:03Z

这篇文章介绍了一个地方,供程序员分享、保持最新和发展职业生涯。

我在 CodePen 上的作品

DEV Community DEV Community · 2024-08-17T12:31:52Z

关于AI生成内容,我们应该如何处理?

我在 CodePen 上的创作

DEV Community DEV Community · 2024-08-16T23:25:04Z

本文探讨了多种CSS搜索框的编写方法,提供了多个代码示例,包括纯CSS变形搜索图标、动态搜索框和简约搜索框,适合开发者定制和应用。

60+ 个 CSS 搜索框代码示例(CodePen)

程序师 程序师 · 2024-04-11T04:45:24Z

这篇文章介绍了10个在线HTML代码编辑器,包括JSFiddle、JS Bin、Adobe Dreamweaver、Code Pen、CoffeeCup、KompoZer、BlueGriffon、CKEditor、Dabblet和CSSDesk HTML Editor。这些编辑器都支持HTML、CSS和JavaScript,具有不同的特点和功能。它们可以帮助开发人员快速编写和测试代码,提供实时输出和其他高级功能。

10个在线HTML代码编辑器

极道 极道 · 2024-03-18T05:22:00Z
  • <<
  • <
  • 1 (current)
  • 2
  • >
  • >>
👤 个人中心
在公众号发送验证码完成验证
登录验证
在本设备完成一次验证即可继续使用

完成下面两步后,将自动完成登录并继续当前操作。

1 关注公众号
小红花技术领袖公众号二维码
小红花技术领袖
如果当前 App 无法识别二维码,请在微信搜索并关注该公众号
2 发送验证码
在公众号对话中发送下面 4 位验证码
小红花技术领袖俱乐部
小红花·文摘:汇聚分发优质内容
小红花技术领袖俱乐部
Copyright © 2021-
粤ICP备2022094092号-1
公众号 小红花技术领袖俱乐部公众号二维码
视频号 小红花技术领袖俱乐部视频号二维码