Building HTML, CSS, and JS code preview using iframe's srcdoc attribute
A few words on code playgrounds Many front-end developers and software companies blog about their trade. Oftentimes their writings include code examples with previews. Over the years a plethora of embeddable code playgrounds were created. Names such as CodePen, JSFiddle, JS Bin, or Plunker may ring a bell to you. They’re almost effortless to use, support frameworks, transpilers, preprocessors and other tooling that have evolved in the Javascript community over the years....