Just as a reminder — all these cool fonts are available to use on @codepen.io as well.
Thread and video in case you've feeling the "Oh no! CodePen is going to be different!" feels.
2.0 can be almost identical to Classic, only dipping into new features when you're ready.
Chris Coyier
Chris Coyier
Just trying to book a haircut and now I'm debugging the website because the login form doesn't work.
@anatudor.bsky.social I saw your thread, but couldn't reply to you directly there.
I know I've sent you some tips before, but I made a solid tutorial on how to get CodePen 2.0 feeling like the Classic Editor with just a minute or two of setup.
bsky.app/profile/did:...
@arzidava.com Hi! Saw your comment about CodePen Classic and couldn't follow up in that thread, but I wanted to share this walkthrough of how to make CodePen 2.0 have that Classic feel:
bsky.app/profile/did:...
If you love the Classic @codepen.io Editor and want that same feel in the 2.0 Editor, here are some quick tweaks to get you back into familiar territory.
Try the 2.0 Editor: codepen.io/editor/pen
If you love the Classic @codepen.io Editor and want that same feel in the 2.0 Editor, here are some quick tweaks to get you back into familiar territory.
Try the 2.0 Editor: codepen.io/editor/pen
Video
Video
If you love the Classic @codepen.io Editor and want that same feel in the 2.0 Editor, here are some quick tweaks to get you back into familiar territory.
Try the 2.0 Editor: codepen.io/editor/pen
If you love the Classic @codepen.io Editor and want that same feel in the 2.0 Editor, here are some quick tweaks to get you back into familiar territory.
Try the 2.0 Editor: codepen.io/editor/pen
Video
Video
Lettermatic ✕ GitHub Next: the inside story of Monaspace, a truly groundbreaking advancement for how we display code. We knew that Lettermatic would go deep, but we were still amazed by their level of knowledge and craft.
See their case study below, and get the fonts at monaspace.githubnext.com