//
sign in
Profile
by @danabra.mov
Profile
by @dansshadow.bsky.social
AviHandle
by @danabra.mov
AviHandle
by @dansshadow.bsky.social
ProfileHeader
by @dansshadow.bsky.social
ProfileHeader
by @danabra.mov
ProfileMedia
by @danabra.mov
ProfilePlays
by @danabra.mov
ProfilePosts
by @danabra.mov
ProfilePosts
by @dansshadow.bsky.social
ProfileReplies
by @danabra.mov
Record
by @atsui.org
Skircle
by @danabra.mov
StreamPlacePlaylist
by @katherine.computer
+ new component
ProfilePosts





Loading...
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.
2d
4d
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:...
1d
4d
@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
4d
4d
4d
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
4d
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
4d
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
5d
An innovative superfamily of fonts for code
monaspace.githubnext.com
Monaspace
Shaw
GitHub Next
Shaw
Shaw
Shaw
Shaw
Shaw
Shaw
New work for GitHub: Monaspace. 🔤 A superfamily of 5 open-source typefaces for code. Full case study here: lettermatic.com/custom/monas...
6d
Video
Riley Cran