Creating Progressive Enhanced CodePen Links and Embeds

The other day, Lea Rosema asked an interesting question on Mastodon: "is there a lightweight and easy to use codepen embed for blogs as a web component that works nicely with progressive enhancement?"

The quick answer is: there isn't, at least not exactly what she was looking for. So I decided to try it and build my version of a progressively enhanced component that would boost CodePen links and take them to a different level.

The result can be seen on this demo: https://codepen.io/alvaromontoro/pen/JjxwejV 

That was a quick thing I put together (please don't be too harsh judging the design 😅), and decided to write an article explaining the process, how and why it was done that way. Which is the article I share today.

The article is hidden on the website (will be published next week) and only reachable through this link. If you prefer other platforms to read articles, I added private Medium and DEV versions.