Chris Coyier在CodePen上-加入对话！

最新推荐文章于 2026-08-20 21:54:00 发布

翻译最新推荐文章于 2026-08-20 21:54:00 发布 · 486 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

原文链接：https://www.sitepoint.com/chris-coyier-on-codepen-a-webinar/

CodePen作为前端开发者的重要工具，不仅提供了一个分享和解决问题的平台，还支持原型设计、测试新技术及展示个人作品集。联合创始人Chris Coyier将在网络研讨会上分享如何最大化利用CodePen提升开发体验。

There are so many developer tools for various different languages, technologies, and platforms, but CodePen is one of the most pervasive tools in a developer’s toolkit. It only makes sense for us to dig a little deeper into CodePen with Co-Founder Chris Coyier in our upcoming webinar. See how you can make the most of using such a powerful tool and ask Chris your very own questions. Register now!

有许多用于各种不同语言，技术和平台的开发人员工具，但是CodePen是开发人员工具包中使用最广泛的工具之一。在我们即将举行的网络研讨会中， 与联合创始人Chris Coyier一起深入探究CodePen，这才是有意义的。了解如何充分利用这种功能强大的工具，并向Chris提出自己的问题。 现在注册！

什么是CodePen？ (What is CodePen?)

CodePen is self-described as a “playground for the front-end web”. You can use CodePen for all sorts of things. It’s a place where front-end developers can share their problematic code for advice, build or share interesting and fancy code examples, try out new CSS or JavaScript techniques, and more. The ease and ability to share your projects in CodePen is what makes it incredibly useful as a troubleshooting and collaboration tool. We even use CodePen to demonstrate our article code examples! Check out some other popular pens to get an idea of what people are using the platform for.

CodePen自称为“前端Web的游乐场”。您可以将CodePen用于各种事情。在这里，前端开发人员可以共享有问题的代码以寻求建议，构建或共享有趣且奇特的代码示例，尝试新CSS或JavaScript技术等等。使用CodePen共享项目的便捷性和功能使其成为疑难解答和协作工具非常有用。我们甚至使用CodePen来演示我们的文章代码示例！查看其他一些流行的笔，以了解人们使用该平台的目的。

与CodePen专家Chris Coyier聊天 (Chat with CodePen expert, Chris Coyier)

Chris Coyier is a co-founder of CodePen, the creator of CSS-Tricks, and is a co-host at ShopTalk Show. Chris has worked with design, front-end development, social media, and has written countless articles and posts on CSS and other web development topics. It’s easy to see why we are so excited to have him with us in our upcoming webinar to chat about CodePen and work through your questions! Firstly, we asked Chris a few questions ourselves.

克里斯· 科耶尔 ( Chris Coyier)是CSS-Tricks的创建者CodePen的共同创始人，也是 ShopTalk Show的共同主持人。 Chris从事设计，前端开发，社交媒体的工作，并撰写了无数有关CSS和其他Web开发主题的文章和帖子。显而易见，为什么我们很高兴能在即将到来的网络研讨会中与他在一起与我们聊天，讨论CodePen并解决您的问题！首先，我们自己问了克里斯几个问题。

Q: How would you describe what you do? 问：您如何描述自己的工作？

Chris: I answer emails. I write copy. I write CSS. I think about what it’s like to use CodePen. I try to encourage people to do good work and be positive. I see what’s up on social media. I try and stay on top of the web development world.

克里斯：我回答电子邮件。我写副本。我写CSS。我考虑使用CodePen的感觉。我努力鼓励人们做好工作并保持积极向上。我了解社交媒体的最新动态。我尝试并保持对Web开发世界的关注。

Q: What was the story behind CodePen? (How and why did you start it, your source of inspiration and that lightbulb moment?) 问：CodePen背后的故事是什么？ (您如何以及为什么启动它，您的灵感来源和那一刹那的灯泡时刻？)

Chris: For the super interested, we have a podcast called CodePen Radio, and the very first episode is called The Big Idea that goes into that. The short story is that we thought we could make a better version of what’s out there, make it more of a social place, and improve from there.

克里斯：对于超级感兴趣的人，我们有一个名为CodePen Radio的播客，其中的第一集叫做The Big Idea 。简而言之，我们认为我们可以对现有内容进行更好的改进，使其更具社交性，并从那里进行改进。

Who should be using CodePen, and where can it best be applied in a project? 谁应该使用CodePen？在项目中最好地使用CodePen？

Chris: There are lots of reasons to use CodePen. There are some people who use it for projects. A common thing we hear is that people prototype in it, talk about the prototype with their team and clients, and then move it into the project once it’s settled. Some people use it for testing. Maybe they have a bug they are trying to figure out or a cross-browser issue they are trying to isolate. Some people use it more like a portfolio of their work and ideas.

克里斯：使用CodePen的原因很多。有些人将其用于项目。我们听到的一件事是，人们在其中创建原型，与团队和客户讨论原型，然后在解决之后将其移入项目。有人用它进行测试。也许他们正在尝试找出一个错误，或者正在试图找出一个跨浏览器的问题。有些人更喜欢将其用作其工作和想法的组合。

What has been a thing that CodePen solved that you didn’t expect? CodePen解决了您没有想到的事情？

Chris: One of my favorite things is when people meet each other and do something awesome together after meeting through CodePen. I met a couple (intentionally anonymous) who got engaged after meeting on CodePen. We’ve had groups of freelancers form on CodePen. We’ve had lots of people land jobs after being found on CodePen. That kinda stuff blows my mind.

克里斯：我最喜欢的事情之一是当人们通过CodePen见面后彼此见面并一起做一些很棒的事情。我遇到了一对夫妇( 故意匿名 )，他们在CodePen上见面后订婚。我们在CodePen上有自由职业者表格组。在CodePen上找到我们之后，有很多人找到工作。那些东西令我震惊 。

加入对话 (Join the Conversation)

We want to make sure we’re helping you on your path to becoming better web developers. For that reason, we have been holding many live conversations with experts in a variety of web development and design specialties — and giving you a chance to join in!

我们希望确保我们正在帮助您成为更好的Web开发人员。因此，我们一直与各种Web开发和设计专业的专家进行许多实时对话，并为您提供加入的机会！

This week, Chris Coyier will be joining us with tips to maximize your CodePen experience, and is ready to tackle your questions on September 28th at 3:00pm PST. Register now to take part in the live event and ask Chris your CodePen questions.

本周，Chris Coyier将与我们一起为您提供最大限度提高CodePen体验的技巧，并准备在太平洋标准时间 9月28日下午3:00解决您的问题。立即注册以参加现场活动，并向Chris询问您的CodePen问题 。