We did it! Just as we planned, we baby-stepped our way there over the last few months. All URLs on CodePen are now HTTPS. It went a little something like this: We secretly prepared for it for the last few years by making all new things HTTPS-only. We moved Asset Hosting to all-HTTPS. Big features […]

Love ’em or hate ’em, fidget spinners are popping up everywhere — even on CodePen! There’s now a mini-trend of fidgety goodness. Here are a couple of cool ones we’ve spotted lately.

Our guest this week is Jag Talon, a front end developer at DuckDuckGo! Jag talks to Marie and Tim S. about how hacking around on CodePen helped him learn CSS for his job, using CodePen Projects to redesign his podcast’s website, and making use of CrossBrowserTesting.

The road to HTTPS is a long one (update 1 / update 2), but we’re almost there! Last week, we updated over 10 million links in Pens to HTTPS sources, updating over 85 thousand unique URLs. These ranged from things like Google fonts, internal CodePen references, Masonry… you name it, we changed it. We even […]

We’ve seen a whole bunch of video tweets from people working with CodePen lately. Something about CSS Grid has really inspired a lot of CodePen cinematics! A responsive media object with CSS Grid. pic.twitter.com/sYbzFiRHeN — Guil Hernandez (@guilh) May 24, 2017 Easy way to toggle back and forth between your Grid Layout and fallback layout. […]

Marie, Tim H., and Alex are here to talk about the decision to go all in on HTTPS at CodePen. We talk about some of the reasons why we waited until now to make the switch, and how we plan to implement it across CodePen.

A couple of brand new PRO Perks for our PRO members! Get Three Months of ButterCMS for Free ButterCMS is offering unique coupon codes to our PRO members good for three free months. ButterCMS allows you to: Add a blog or CMS to your site in minutes. Drop-in our API-based CMS and get back to […]

Tim, Alex, and Chris are here for another “propellerhead” episode, talking about what happens at a server and infrastructure level when a user creates a new Project.

Hey folks! As you likely know, we offer a bunch of preprocessor options at CodePen. Not only can you pick different preprocessor languages, but you can use some add-ons for those preprocessors. For example, you could use SCSS for CSS preprocessing, and add the Neat grid framework. Historically, when new versions of preprocessors or add-ons […]

PRO members can upload a custom screenshot for Pens and Projects! Your screenshot will show when your Pen is shared on social media, in RSS feeds of your content, and everywhere we show images in place of iframes.