First steps

#codepen #management

Only 2 days as I start working on my own CodePen account and I have so much to share already 😎

CodePen was nice sandbox for a long time and I've made a lot of mess with my account, but I always was thinking about it as of platform to create not just a soulless features test fabric. And after second much deeper dive into CodePen community I'm sure it is definitely not just a sandbox.

Share buttons, donate links, watermarks and a lot more things you could place into your pens... But how to make it easier for you and for visitors? You could place it in the end of you html tab, and make styles for it inside css tab, but easiest way is to put everything into js tab in one separate pen. Solution is kinda simple and based on possibility using CodepPen pens as resource holder. So, here the steps...

Create new pen
Write your css and html into js variables and
Append your js vars into body as document elements
Save the pen and copy its url
Open new pen or one you wish to integrate with, got to settings, open to JS tab, paste your url into field in "Add External Scripts/Pens" section (don't forget to add extension .js).
Save and enjoy!