Harry Roberts @csswizardry.com · Aug 29

🪄 Really neat trick for docs/demo pages. You can add `display: block` to `script` and `style` and show folk the actual, literal code you’re running. It’s what I do with Obs.js:

39 likes 3 replies

?

Replies

Chrome for Developers · Aug 29

And that is why you are a CSS wizard. A very clever tip for the community.

Bramus (on vacation 🏝️) · Aug 29

Did exactly that in codepen.io/bramus/pen/V... :) Also, for interactive CSS blocks I often add `contenteditable` as well, allowing viewers to fiddle with the code which immediately gets applied. See codepen.io/bramus/pen/J... for example.