Creating Progressive Enhanced CodePen Links and Embeds
How to build an interactive link to CodePen that provides a customized experience depending on the user's configuration or limitations

Search for a command to run...
Articles tagged with #components
How to build an interactive link to CodePen that provides a customized experience depending on the user's configuration or limitations

The other day, while navigating online looking for inspiration, I found a photo gallery design by kevin on Dribbble, so I decided to create a minimal version of it (you can see a live demo on CodePen or at the end of the article.) The HTML Structure...

One common mistake when developing these custom components: forgetting about the printing styles.

You may have noticed those reading progress indicators on top of some pages (mainly news articles and blog posts). They are a bar that grows as you read the article and lets you know how much you have left to read visually. This component is a nice f...