So, Codevember was fantastic! The creativity and enthusiasm of the CodePen community is inspiring. There’s nothing more exciting for everybody on Team CodePen than 30 straight days of amazing Pens 🙌 I’ve gathered up a few of my favorites from the final days of the Codevember challenge to share with you today. This is only […]

As The United States celebrated Thanksgiving this year, we passed 10,000,000 Pens created here on CodePen. 🎉 We love a good milestone around here. We also love how y’all celebrate your own milestones with Pens sometimes. Here’s some of our favorite celebratory Pens for reaching certain numbers of followers. See the Pen 400 Text Shadows […]

We’re just about at the end of #codevember week three, and the wonderful Pens just keep coming! This week I noticed a few especially relaxing Pens in codevember-land, and I’ve gathered those up to share with you today. An absolutely radiant “[dawn]” by XORXOR See the Pen #codevember – [dawn] by XORXOR (@xorxor_hu) on CodePen. […]

JEEZ WELCOME TO 2016 CODEPEN. Now, like any well-presented written content on the web, Posts on CodePen have anchor links on all headers. You know, jump-down hash-links that allow you to link right to a section of a Post, if you need to. Like this: If you’re interested in this kind of thing for your […]

Intercom is an app for communicating with customers of your app. They have a suite of tools for this, helping you do things like live chat with your leads, onboard people with targetted emails, and do customer support. It does need to be integrated into your app, though, which means some development work and a […]

Over the last year, Matthieu Aussaguel has been blogging a series named “Can you Code this UI Concept?” in which he finds user interface ideas that exist as GIFs, and then an implementation of that idea in real code. The implementations are already done in these posts, but it doesn’t mean you still can’t think […]

We made that. You can go check it out. It talks about how CodePen might be useful for educators. Features we offer, how it has worked for other educators, ideas on how you might use it, FAQ’s etc. As always, we’d love to hear from you on how CodePen could be better for education.

We’re coming to the close of Codevember week two, and the CodePen community is going strong! Here are a few of my favorites from this week’s #codevember creations. Ana Tudor’s “#CodeVember #7 / 2016 – canvas 2D rhombicuboctahedron” See the Pen #CodeVember #7 / 2016 – canvas 2D rhombicuboctahedron (late) by Ana Tudor (@thebabydino) on […]

I just noticed that Shopify’s announcement for their brand new BuyButton.js uses a bunch of Embedded Pens to show off how it works. BuyButton.js itself seems like an awesome move for Shopify and an empowering thing for anybody selling things on the web who would prefer to do that on their own sites. With only […]

@extend is a preprocessor concept that allows you to essentially apply all the properties of one selector onto another. In Sass: .module { padding: 1rem; border: 1px solid #ccc; } .something-else { @extend .module; } This is a concept available in other preprocessors as well. Basic Usage on CodePen This works fine on CodePen as-is. […]