CodePen Blog

This is where we post announcements, tips and tricks, new and updated features, fun roundups, new podcast episodes, and more. There's an RSS feed.

An Upgrade to Emmet

We use the CodeMirror editor here on CodePen, and offer Emmet within that editor via the plugin. Well that plugin has gone 1.0 now (we’re on 1.1.3) with a bunch of improvements! Big thanks to Sergey Chikuyonok for working on this, letting us know about it, and working with us on little bug fixes and […]

Improved Text Asset Editing

Our PRO Asset Hosting feature will take just about any file you need to host. Say you upload a CSS file or a JSON file… it stands to reason you should be able to edit that file even after you’ve uploaded it. Well, you absolutely can. Here’s a video showing off our many recent improvements […]

New, Better Asset URLs

The files you upload to CodePen with our PRO Asset Hosting feature have a public URL you can access them at. You might recognize a URL like this, that we used to give you: Or you might recognize that URL as being a direct URL to an Amazon S3 bucket. While that works, it’s not […]

Asset Hosting, Revamped.

Asset Hosting is one of our PRO features here on CodePen. We’ve just totally redesigned and rewritten it to make the experience much better. Let’s walk through all the things you can do with it, showing off the new interface and functionality. Higher Limits! To cap off this release we literally more than doubled everything. […]

Flutter on CodePen

Have you seen Flutter? It’s Google’s UI framework for building cross-platform apps. You write Flutter apps in the modern programming language Dart. Flutter packages bring app development to life fast. Flutter apps compile to honest-to-god native apps for iOS and Android and a web app and a desktop app. There have been plenty of other […]

A Custom Editor Just for Vue Single File Components (.vue Files)

Vue is an extremely popular JavaScript framework! Vue works with a regular ol’ <script> tag linking up the library and your existing HTML and CSS if you’d like it to, so in that sense, Vue already works great with the Pen Editor. Here’s an example of using Vue that way. But Vue also supports the […]

MonoLisa

Another incredible coding font on the scene! MonoLisa. They’ve graciously allowed us to offer it on CodePen, so it’s live and ready to use. You change it in your Editor Settings. We’ve got it set to do italics for comments and the ligatures turned on. Looks pretty dang nice I think!

Little Project Fixes

While we were cleaning some house in our Projects infrastructure, we fixed a few things that we know have been annoying to some users for quite some time. You can now use .dev domains with custom domains for your Projects. Favicons will now host and display properly for deployed Projects. Sorry that took us forever.

← Older posts
123