小红花·文摘
  • 首页
  • 广场
  • 排行榜🏆
  • 直播
  • FAQ
Dify.AI
世界仍然需要关心他人的人 - 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搜索框的编写方法和代码示例,供开发者定制使用。共列举了66个不同的搜索框设计,包括纯CSS动画、搜索框效果、搜索框交互等。

60+ CSS Search Box CodePen Examples

程序师
程序师 · 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 位验证码
友情链接: MOGE.AI 九胧科技 模力方舟 Gitee AI 菜鸟教程 Remio.AI DeekSeek连连 53AI 神龙海外代理IP IPIPGO全球代理IP 东波哥的博客 匡优考试在线考试系统 开源服务指南 蓝莺IM Solo 独立开发者社区 AI酷站导航 极客Fun 我爱水煮鱼 周报生成器 He3.app 简单简历 白鲸出海 T沙龙 职友集 TechParty 蟒周刊 Best AI Music Generator

小红花技术领袖俱乐部
小红花·文摘:汇聚分发优质内容
小红花技术领袖俱乐部
Copyright © 2021-
粤ICP备2022094092号-1
公众号 小红花技术领袖俱乐部公众号二维码
视频号 小红花技术领袖俱乐部视频号二维码