Cookieless Alternative To Embed HTML, CSS And JS Code Snippets
About The Author
Henrik Fricke is a tech blogger, cloud consultant and co-creator of Indiepen. He is passionate about a privacy-friendly, accessible and transparent web.
Embedding code examples with third-party scripts often leads to tracking or cookies. We always wanted to have a simple website with a good UX, so setting cookies for no reason wasn’t an option for us. Now, with Indiepen, we are proud to introduce a privacy-friendly alternative.
When we implement websites today, we are confronted by a lot of things we need to take care of. Ideally, we want to have a fast, secure, accessible, and fair website. At the same time, we want to have an interactive website with comments, polls, videos, code examples, and many more.
Let’s have a look:
Indiepen is a privacy-friendly, lightweight, and accessible solution to embed code examples. In fact, we don’t set any cookies or tracking!
Indiepen can preview every website that follows a very simple convention. You need to provide a website with the following file structure:
Deploy the code example with your favorite hosting provider (e.g. GitHub Pages, Netlify, or Vercel) and copy the URL. After that, go to our start page and use the code snippet generator.
The generated code looks like this:
You can now use the code snippet and integrate it on your website. That’s it! You should now see your code example with an editor to discover the code.
Under The Hood
Meet Smashing Online Workshops on front-end & UX, with practical takeaways, live sessions, video recordings and a friendly Q&A. On design systems, CSS/JS and UX. With Carie Fisher, Stefan Baumgartner and so many others.
Indiepen is our first open-source project and we are very excited to share our ideas with you. We would love to get feedback and have discussions about a fair web. Get in touch with me on Twitter or check out the project on GitHub.
Happy coding, everyone!
This content was originally published here.