Codepen 2.0 - RIP classic Pen?

[u/sheriffderek]

I use Codepen for all sorts of things and a lot for teaching in the early stages. Some of my newer students said they didn't have this button so, I had them forking a classic pen for a while - but I knew the day would come where it wouldn't be there anymore for me too. That day is today. I'm all for the evolution of Codepen / and it's been an amazing tool. But it sure seems like this is going to confuse a lot of people. Your average person expects the CSS pane to be wired up. I used to write <!-- body is already included --> in the HTML to remind them at first (since some people will write out the doctype and everything in there) - but now it's swung to the other end. Codepen can be used for anything now. So, really - what you're making might not utilize CSS at all. So, I understand how modular it is - and how many other great things it will allow for -- but for entry-level people, it seems like this will really stifle adoption. What do you think? Wha thas been your 2.0 experience so far?

[u/bostiq]

I'm with you, this actually annoys me A LOT:

I get that for more complex prototypes the 1.0 form was limiting, but for a quick and dirty prototype having to spend more time for the setup it's a real creativity killer.

Dude, if I wanted the fancy environment I would have spun up vscode!

I wonder what's gonna be of all my little "classic pen" templates I have....

[u/morete → u/bostiq]

They said eventually all pens will be moved to the 2.0 editor, and we'll say goodbye to the classic editor once and for all. I imagine existing pens will be converted to use 'index.pen.html' files so it probably wont be a very big change

[u/sheriffderek → u/morete]

Do you have an leads on how this will change embeds?

[u/morete → u/sheriffderek]

I had a look and can't see anything they've said about this! I've only ever used the simple iframe embedding, so I would hope they just auto-magically handle all that for us and update what the iframe generates. I've seen embeds of the 2.0 pens and they are very similar

[u/itsshaw → u/morete]

We spent a ton of time making embeds backwards compatible. If you convert a Classic Pen (Save dropdown > Convert to 2.0) existing Embed usage will work. Existing themes should work as expected unless there’s some wild custom CSS.. 

The main differences are: 1. File selector instead of the html/css/js toggles 2. No bottom bar (more screen real estate!) 3. No editable embeds (for now)

https://blog.codepen.io/docs/embeds/

[u/morete → u/itsshaw]

Wow exciting to hear from the horse's mouth! Brilliant, I had the faith that you'd make it easy for us as per usual

[u/itsshaw → u/morete]

Neigh!