First off – what is exactly is a code playground? It is an online web app that allows you to write code and see the results right as you are doing it. They are great for testing ideas out or playing with code. And they are also a wonderful tool for teaching.
Let’s take a look at some of the current code playgrounds. We will start with the simple ones that are primarily for front end development but also look at tools that support more advance methods.
One feature that stands out is the ability to record your coding as you write it for others to view. Pretty useful – they are called codcasts.
It has many options for embedding too which make it nice – WordPress shortcode, Prefill Embed, iFrame and HTML. You can also drag the frame to resize while you are grabbing the code to embed. Very handy. Here’s an example: