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 […]

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 […]

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 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. […]

CodePen offers a number of ways to organize your own work (and other people’s work!) Organizing means helping yourself (and others people!) get to exactly what they need to be looking at.

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 […]

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 […]

Simon Vrachliotis’s son Tony absolutely killing it. Tony (7) wanted to choose "how to code" for this week's presentation – so I showed him the basics of how a website is built. Used @CodePen for it – we built 3 websites to show the different roles of HTML, CSS and JavaScript. Lil' dude got a […]

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!

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.