Heads up! This blog post hasn't been updated in over 2 years. CodePen is an ever changing place, so if this post references features, you're probably better off checking the docs. Get in touch with support if you have further questions.

So much to blog. So little time. Here’s five things from my notebook that I’ve been meaning to blog and so today I’m gonna do it, dangnabbit.

nvite Design Community

It’s very cool to be among these other companies in the nvite Design Community. We use the nvite system for RSVP and event management for CodePen Meetups, and we love it.

The Design Community on nvite is comprised of the most passionate designers, developers and appreciators of creativity and technology. Hosted by both industry practitioners as well as the strongest creative brands, there are hundreds of events to discover world-wide from bootcamps to happy hours to conferences.

Rebecca Murphey’s Exercises for JS Beginners

There is nobody I’d trust more than Rebecca Murphey for advising a pragmatic approach for learning JavaScript.

I recently put together a few exercises on CodePen recently for an aspiring front-end developer … Each requires DOM manipulation, each requires solving a set of small but realistic problems, and each starts to hint at concepts for organizing an overall approach to a problem.

She links to them all on her blog.

Here’s the first one:

See the Pen number-guessing-exercise by Rebecca Murphey (@rmurphey) on CodePen.

Tentacles Lab

David DeSandro made this Web audio keyboard, then this legit band Tentacles picked it up and made some “legit music” (as David put it) with it. They do these “labs” where

we experiment with our gear, and we enjoy cooking new ideas.

David’s pretty dang good himself:

See Thumbnails for CodePen Links Anywhere on the Web

There is this browser plugin called Imagus that does that.

Imagus is a browser extension that is able to enlarge thumbnails, and show images/videos from links in a pop-up without leaving the page.

Only it doesn’t work for CodePen out-of-the-box. R+ wrote an extension for it that makes it work:

Unofficial APIs

No hard promises, but someday I’m pretty sure we’ll offer an official API. We track potential good use cases for it all the time, have plenty of experience on the team implementing APIs, and have ideas for how to approach it technically.

But right now, we don’t have what you’d probably call a traditional API (the kind of thing that spits out whatever you want in JSON). We DO have things that are API-like and are appropriate for a lot of use cases. See the API section of the docs.

All that said, there are some unofficial API’s floating around. They are essentially screen scrapers that format the data. There used to be one Tim Pietrusky made, but like anything screen scraper based, eventually broke as we evolved our markup. There are now two that I know of: