Code Editor – CodePen

Build, Explore, and Teach the Web, Instantly.


CodePen is an HTML, CSS, and JavaScript code editor right in your browser with instant previews of the code you see and write. It’s great for showing off your work and seeing what amazing things other people are doing with the web. It’s also great for troubleshooting problems and getting critique.

This is what it looks like: 

HTML code on the left, CSS code in the middle, and JS code on the right.  Live preview at the bottom.  All happens on-the-fly with CodePen in your browser.  Awesome to quickly test snippets.


Blog Post by Sonja

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s