New CodePen Feature: Prefill Embeds

I've very excited to have this feature released for CodePen. It's very progressive enhancement friendly in the sense that you can take any <pre> block of HTML, CSS, and JavaScript (or any combination of them) and enhance it into an embed, meaning you can see the rendered output. It also lets you pass in stuff like external resources, making it a great choice for, say, documentation sites or the like.

Here's an example right here:

<div id="root"</div

@import url("https://fonts.googleapis.com/css?family=Montserrat:400,400i,700");

… Read article

The post New CodePen Feature: Prefill Embeds appeared first on CSS-Tricks.