Search results
Jun 17, 2024 · Chris’ Corner: A Variety of Ways to Fail. I’ve done a decent amount of accessibility work in the past few months, largely thanks to a nice fellow who uses JAWS and seems to enjoy our sessions together testing various bits of CodePen, old and new. I use classic tools like the axe and the WebAIM tools to find issues, and still, testing over […]
Free Deploys 0 Custom Domains 0 Pen & Project Views Editor View Full View Details View Shareable Debug View ⛔ Pen Features Collab Mode ⛔ Professor Mode
The CodePen Editor is highly customizable. There is autocomplete and Emmet for speed and accuracy. Plus you can set up smart defaults for starting new work. Keep Your Pens Private. Nobody can see your private stuff until you want them to, because they are at secret unguessable, non-searchable, non-indexable URLs. Embed Pens.
Upgrade to PRO! The Project Editor enables you to build web development projects online and share them instantly. Find out more.. Upgrade to Pro
Live View is a full-screen preview of your Pen that live updates as you code. For PRO members only. Collab Mode and Professor Mode are PRO -only views for working in real-time with other people. Presentation Mode is PRO -only view using the Pen Editor on an overhead projector, so there are more options for changing the view and extra room.
CodePen: Build, Test, and Discover Front-end Code. CodePen doesn't work very well without JavaScript. We're all for progressive enhancement, but CodePen is a bit unique in that it's all about writing and showing front end code, including JavaScript. It's required to use most of the features of CodePen.
Projects is the most powerful feature of CodePen. It's a full blown IDE right in the browser, with automatic preprocessing, drag and drop uploading, live previews, website deployment, and much more. Live collaboration on code. Multiple people can type and edit code in a Pen at the same time, all while still seeing the live preview.
