Codepen

We have a CodePen Pro account (profile) that authors can use for embedded code examples. The login is in Valentine (search: 'web.dev codepen').

CodePen Pro lets you edit the code in the embed widget, which is a really nice feature. It's used a lot in the Learn CSS course. In general, we recommend authors use CodePen instead of Glitch because it loads much faster. Folks should only use Glitch if they need to show an example that requires a server.

For the Learn CSS course we created a stylesheet that other CodePens can include that will give them a theme that matches web.dev. Ask Una and Adam if you need help setting this up.

Process

Folks can create pens by logging into the Pro account, or they can create pens using their personal account and then ask someone to log into the Pro account and fork their pen.